根据浏览器和分辨率不同自动调用CSS样式表 (jscript实现)
发布时间:2023-10-31 编辑:jiaochengji.com
教程集为您提供根据浏览器和分辨率不同自动调用CSS样式表 (jscript实现)等资源,欢迎您收藏本站,我们将为您提供最新的根据浏览器和分辨率不同自动调用CSS样式表 (jscript实现)资源
根据浏览器和分辨率不同自动调用CSS样式表, 这是用jscript实现的,以下是代码:
代码如下 | 复制代码 |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码</title> <link href="" _fcksavedurl="""" rel="stylesheet" type="text/css" /> <script language="jscript">... if (window.navigator.userAgent.indexOf("MSIE")>=1) ...{ var IE1024="style1.css"; var IE800="style2.css"; var IE1152="css1.css"; var IEother="css1.css"; ScreenWidth(IE1024,IE800,IE1152,IEother) }else...{ if (window.navigator.userAgent.indexOf("Firefox")>=1) ...{ //如果浏览器为Firefox var Firefox1024="style1"; var Firefox800="style2.css"; var Firefox1152="css1.css"; var Firefoxother="css1.css"; ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother) }else...{ //如果浏览器为其他 var Other1024="css1.css"; var Other800="css1.css"; var Other1152="css1.css"; var Otherother="css1.css"; 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="" title;} </script> </head> <body> </body> </html> |
您可能感兴趣的文章: