时间:2021-05-18
既判断分辨率,也判断浏览器
重新完善代码,使之成为判断浏览器类型屏幕分辨率自动调用不同CSS的代码。
复制代码 代码如下:<SCRIPTLANGUAGE="JavaScript">
<!--
if(window.navigator.userAgent.indexOf("MSIE")>=1)
{
varIE1024="";
varIE800="";
varIE1152="";
varIEother="";
ScreenWidth(IE1024,IE800,IE1152,IEother)
}else{
if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
varFirefox1024="";
varFirefox800="";
varFirefox1152="";
varFirefoxother="";
ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)
}else{
//如果浏览器为其他
varOther1024="";
varOther800="";
varOther1152="";
varOtherother="";
ScreenWidth(Other1024,Other800,Other1152,Otherother)
}
}
functionScreenWidth(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);
}}}
}
functionsetActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
//-->
</SCRIPT>
解释:
varIE1024="";
varIE800="";
varIE1152="";
varIEother="";
引号里面分别填写,用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.
varFirefox1024="";
varFirefox800="";
varFirefox1152="";
varFirefoxother="";
引号里面分别填写,用户使用FF的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.
varOther1024="";
varOther800="";
varOther1152="";
varOtherother="";
引号里面分别填写,用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名.
不判断分辨率,只判断浏览器
实现根据浏览器类型自动调用不同CSS。
复制代码 代码如下:<SCRIPTLANGUAGE="JavaScript">
<!--
if(window.navigator.userAgent.indexOf("MSIE")>=1)
{
//如果浏览器为IE
setActiveStyleSheet("default.css");
}else{
if(window.navigator.userAgent.indexOf("Firefox")>=1)
{
//如果浏览器为Firefox
setActiveStyleSheet("default2.css");
}else{
//如果浏览器为其他
setActiveStyleSheet("newsky.css");
}
}
functionsetActiveStyleSheet(title){
document.getElementsByTagName("link")[0].href="style/"+title;
}
//-->
</SCRIPT>
解释:
如果浏览器为IE,则调用default.css
如果浏览器为Firefox,则调用default2.css
如果浏览器为其他,则调用newsky.css
用法:
放在
[codes=xml]</head>[/codes]
前面即可。
只判断分辨率,不判断浏览器
复制代码 代码如下:<scriptlanguage=javascript>
<!--
if(screen.width==800)
{
document.write('<linkrel=stylesheettype="text/css"href="css800.css">')
}
else{document.write('<linkrel=stylesheettype="text/css"href="css1024.css">')}
//-->
</script>
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
一般我们可以通过下面的代码判断分辨率复制代码代码如下:DIVCSS教程:判断用户分辨率调用不同的CSS样式文件 (未测试来自网络请自行验证)复制代码代码如下:
无锡手机网站建设自适应屏幕大小代码!手机网站根据屏幕分辨率调用相应的CSS。首先要在头部加上,表示极限屏幕宽度是物理宽度。 或者这句话告诉浏览器视口宽度等
以下是根据浏览器和分辨率调用CSS代码的方法解释:varIE1024="";varIE800="";varIE1152="";varIEother="";
一般我们可以通过下面的代码判断分辨率复制代码代码如下:js判断浏览器分辨率复制代码代码如下:functionScreenWidth(){if(screen.wi
今天制作了一个响应式导航条,能够自动随着不同的屏幕分辨率或浏览器窗口大小的不同而改变导航条的样式,这里主要用到的就是CSS3的MediaQuery。具体可以查看