文章·资料 电脑软件 手机应用 网站源码




    本 站 搜 索
   推 荐 文 章        More...
华硕易电脑(ASUS Eee PC 1025C)..
先来段开场白:为了外出携带方便,到淘..
Acronis True Image 使用说明
  一款可以在Windows下使用全部功..
Norton Ghost 使用详解
一、分区备份   使用Ghost进行系..
    文 章 阅 读 排 行
Microsoft SQL Server 2000 Perso..
  对于第一次安装 Microsoft SQL Se..
MD5 算法的ASP实现代码
  MD5的全称是Message-Digest Algor..
BIOS 设置不能修改等问答5则
  问:电脑配置为:微星865PE主板、P4..
Windows 系统修改默认文件类型图标
Windows 系统文件类型图标,通常由默..
夸克网盘新用户注册如何获得1T空间
夸克网盘,新用户注册如何获得1T空间? ..
VMware Workstation:新添加的硬..
VMware Workstation 新添加的硬盘不..
CMD:Windows 系统 CMD 命令添加..
查看全部用户账号: net user 查..
Microsoft Internet Information ..
  简称:IIS,版本:5.0,运行环境:Wind..
关于使用 CSS 来控制 table 标签..
  在 HTML 语言中,table 标签的 cel..
使XHTML Strict 支持 target 标签
XHTML 1.0 Strict 之后就不支持 targe..
 文 章 信 息
浏览器和分辨率不同自动调用不同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>前面即可。

文章作者:未知  更新日期:2006-05-13
〖文章浏览:〗〖发送文章〗〖打印文章