咨询电话:024-31891684

网站建设|注册|登录 | 易势大连分公司

沈阳网站制作易势最专业!

 

【css】根据分辨率不同调用不同的css文件当前位置:首页>主要服务>网站制作>html

<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>
本贴来自ZDNetChina中文社区 http://bbs.zdnet.com.cn ,本贴地址:http://bbs.zdnet.com.cn/viewthread.php?tid=108803

 

 


【解 释】:

  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>中即可。

 

上一条资讯|返回栏目页|下一条资讯

沈阳网站制作--网站前台效果

易势网站制作,以DIV+CSS为主,js/jQuery为辅,制作利于优化,页面美观的优质网站!

top

网络策划公司|新浪官方微博|大连网站建设