I  D:

PW:

    

·电话:025-84664270
·电话:025-84664470
·全国:400-8198-518
·Q  Q:368369556
·Q  Q:5813429
·MSN:xunlingsales@
hotmail.com






 
 

·网页设计制作搜索

 
 

首页 >> 根据浏览器和分辨率调用CSS代码

 

 

根据浏览器和分辨率调用CSS代码

 
 

<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>


解释:

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>前面即可。

【来源:本地】【加入时间:2007-12-29 8:35:11】【浏览:次】【关闭窗口

 

上一条:没有上一条了 / 下一条:将HTML转换为XHTML的开源工具HTML Tidy
 

推荐资讯

 

最新文章

· 动画设计公司网站设计案例 2007-10-19 [广告装潢]
· 根据浏览器和分辨率调用CSS代码 2007-12-29 [网页制作]
· 将HTML转换为XHTML的开源工具HTML Tidy 2007-12-28 [网页制作]
· CSS相关链接 2007-12-28 [网页制作]
· 学习web标准的重要链接大全 2007-12-28 [网页制作]

关于《 根据浏览器和分辨率调用CSS代码 》的申明:
·若非特别说明,本文则为本站原创,转载请注明出处"讯领中国",并带上链接:http://www.cxne.com.cn
·本站提供的案例欣赏,并非全部为本公司作品,仅作为比较和报价参考。
·本站内容如果侵犯了您的权利,请与我们联系:025-84664270。我们尊重作者的知识产权和其他保留权利。


 

 
 

 

首页关于我们服务项目技术文库网站案例  | 营销中心友情链接网站地图联系方式

 
 

讯领中国 ®  版权所有 苏ICP备06012455号  地址:南京珠江路675号408