分辨客户访问器及辨别率启用不一样的CSS款式文

日期:2021-03-16 类型:科技新闻 

关键词:小程序制作流程,抽奖小程序,微信小程序怎么开店,小程序码生成,小程序模版

1般大家能够根据下面的编码分辨辨别率


拷贝编码
编码以下:

<script language="JavaScript">
<!-- Begin
function redirectPage() {
var wjb51=screen.width;
var hjb51=screen.height;
alert("经系统软件检验,你的显示屏辨别率为 " + wjb51+"*"+ hjb51 + "by 脚本制作之家jb51.net");
}
// End -->
</script>


DIV CSS实例教程:分辨客户辨别率启用不一样的CSS款式文档
  (未检测 来自互联网 请自主认证)


拷贝编码
编码以下:

  var IE1024="";
  var IE800="";
  var IE1152="";
  var IEother=""; 

  引号里边各自填写,客户应用IE的情况下而且辨别率为1024*768,800*600,1152*864要应用的css文档名。  


拷贝编码
编码以下:

  var Firefox1024="";
  var Firefox800="";
  var Firefox1152="";
  var Firefoxother="";


  引号里边各自填写,客户应用FF的情况下而且辨别率为1024*768,800*600,1152*864要应用的css文档名。  


拷贝编码
编码以下:

  var Other1024="";
  var Other800="";
  var Other1152="";
  var Otherother="";


  引号里边各自填写,客户应用别的访问器的情况下而且辨别率为1024*768,800*600,1152*864要应用的css文档名。
  不分辨辨别率,只分辨访问器
  应E.Qiang建议,编以下编码。完成依据访问器种类全自动启用不一样CSS。
  编码:


拷贝编码
编码以下:

  <SCRIPT LANGUAGE="javascript">
  <!--
  if (window.navigator.userAgent.indexOf("MSIE")>=1)
  {
  file://假如访问器为IE
  setActiveStyleSheet("default.css");
  }else{
  if (window.navigator.userAgent.indexOf("Firefox")>=1)
  {
  file://假如访问器为Firefox
  setActiveStyleSheet("default2.css");
  }else{
  file://假如访问器为别的
  setActiveStyleSheet("newsky.css");
  }
  }
  function setActiveStyleSheet(title){
  document.getElementsByTagName("link")[0].href="style/" title;
  }
  file://-->
  </SCRIPT>

  解 释:
  假如访问器为IE,则启用default.css
  假如访问器为Firefox,则启用default2.css
  假如访问器为别的,则启用newsky.css
  用法:放在<head></head>中便可。


拷贝编码
编码以下:

  <SCRIPT LANGUAGE="javascript">
  <!--
  if (window.navigator.userAgent.indexOf("MSIE")>=1)
  {
  var IE1024="";
  var IE800="";
  var IE1152="";
  var IEother="";
  ScreenWidth(IE1024,IE800,IE1152,IEother)
  }else{
  if (window.navigator.userAgent.indexOf("Firefox")>=1)
  {
  file://假如访问器为Firefox
  var Firefox1024="";
  var Firefox800="";
  var Firefox1152="";
  var Firefoxother="";
  ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
  }else{
  file://假如访问器为别的
  var Other1024="";
  var Other800="";
  var Other1152="";
  var Otherother="";
  ScreenWidth(Other1024,Other800,Other1152,Otherother)
  }
  }
  function ScreenWidth(CSS1,CSS2,CSS3,CSS4){
  if ((screen.width == 1024) && (screen.height == 768)){
  setActiveStyleSheet(CSS1);
  }else{
  if ((screen.width == 800) && (screen.height == 600)){
  setActiveStyleSheet(CSS2);
  }else{
  if ((screen.width == 1152) && (screen.height == 864)){
  setActiveStyleSheet(CSS3);
  }else{
  setActiveStyleSheet(CSS4);
  }}}
  }
  function setActiveStyleSheet(title){
  document.getElementsByTagName("link")[0].href="style/" title;
  }
  file://-->
  </SCRIPT>

上一篇:学习培训WEB规范必备的4项专业技能 返回下一篇:没有了