判断分辨率调用不同样式表
2013-11-25 12:20
204 查看
<link rel="stylesheet" rev="stylesheet" id="skin" type="text/css" media="all" /> <script type="text/javascript"> var axu_url800x600="800.css"; //设置变量axu_url800x600 样式:1.css var axu_url1024x768="1024.css"; //设置变量axu_url1024x768 样式:2.css if((screen.width==800)&&(screen.height==600)) document.getElementById("skin").href=axu_url800x600; //判断分辨率是800x600调用1.css else if((screen.width==1024)&&(screen.height==768)) document.getElementById("skin").href=axu_url1024x768; //判断分辨率是1024x768调用2.css else document.getElementById("skin").href=axu_url1024x768; //否则 调用2.css //有效但不符合XHTML标准,需完善 </script>
相关文章推荐
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- JS判断不同分辨率调用不同的CSS样式文件实现思路及测试代码
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- jQuery判断不同分辨率下的div样式
- 判断浏览器类型屏幕分辨率自动调用不同CSS文件
- JS如何判断分辨率不同,调用不同的CSS,不同的image文件夹
- 【HTML】通过不同的分辨率调用不同的css,两种方法:css本身判断、js调用css
- 判断用户分辨率调用不同的CSS样式文件
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- JS判断不同分辨率调用不同的CSS样式文件
- DIV+CSS教程:判断用户浏览器及分辨率调用不同的CSS样式文件
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 判断用户浏览器及分辨率调用不同的CSS样式文件
- 判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- 根据判断浏览器类型屏幕分辨率自动调用不同CSS的代码
- JS判断不同分辨率,调用不同CSS的方法
- css判断不同分辨率显示不同宽度布局实现自适应宽度&css3 @media样式的使用
- 【PHP】php通过javascript判断不同设备分辨率来调用不同的css class