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

你非良人32

你非良人32

2016-02-19 19:34

今天图老师小编给大家精心推荐个根据浏览器和分辨率调用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
  解释:

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

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

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

  解释:

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

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

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

  用法:放在/head前面即可。

展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

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

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

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

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

lol偷钱流符文搭配推荐

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

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

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

用js自动判断浏览器分辨率的代码

Web开发
用js自动判断浏览器分辨率的代码

lolAD刺客新符文搭配推荐

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

CSS编辑器:TopStyle Pro使用技巧

CSS编辑器:TopStyle Pro使用技巧

如何在SQL Server数据库中加密数据

如何在SQL Server数据库中加密数据
下拉加载更多内容 ↓