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

癫狂马赛克

癫狂马赛克

2016-02-19 12:21

今天图老师小编要跟大家分享根据分辨率不同调用不同的css文件,精心挑选的过程简单易学,喜欢的朋友一起来学习吧!

dotted; TABLE-LAYOUT: fixed; BORDER-TOP: #cccccc 1px dotted; BORDER-LEFT: #cccccc 1px dotted; BORDER-BOTTOM: #cccccc 1px dotted" cellSpacing=0 cellPadding=6 width="95%" align=center border=0  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/head中即可。
展开更多 50%)
分享

猜你喜欢

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

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

根据IE版本不同调用不同CSS样式文件

Web开发
根据IE版本不同调用不同CSS样式文件

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

根据用户浏览器及分辨率调用不同的CSS样式文件

Web开发
根据用户浏览器及分辨率调用不同的CSS样式文件

根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

Web开发
根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

判断用户浏览器及分辨率调用不同的CSS样式文件

Web开发
判断用户浏览器及分辨率调用不同的CSS样式文件

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

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

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

实现基于事件通知的.Net套接字

实现基于事件通知的.Net套接字

C/C++中枚举类型(enum)的入门教程

C/C++中枚举类型(enum)的入门教程
下拉加载更多内容 ↓