根据分辨率不同调用不同的css文件

根据分辨率不同,调用不同的css文件

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



解释:
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文件名.

不判断分辨率,只判断浏览器
代码:

<br/><SCRIPT LANGUAGE="javascript"> <br/><!-- <br/>if (window.navigator.userAgent.indexOf("MSIE")>=1) <br/>{ <br/>file://如果浏览器为IE <br/>setActiveStyleSheet("default.css"); <br/>}else{ <br/>if (window.navigator.userAgent.indexOf("Firefox")>=1) <br/>{ <br/>file://如果浏览器为Firefox <br/>setActiveStyleSheet("default2.css"); <br/>}else{ <br/>file://如果浏览器为其他 <br/>setActiveStyleSheet("newsky.css"); <br/>} <br/>}  <br/>function setActiveStyleSheet(title){  <br/>document.getElementsByTagName("link")[0].href="style/"+title;  <br/>} <br/>file://--> <br/></SCRIPT><br/>



解释:
如果浏览器为IE,则调用default.css

如果浏览器为Firefox,则调用default2.css

如果浏览器为其他,则调用newsky.css

用法:放在中即可。

0 条留言

我要留言
(必填)
(必填,绝不公开)