判断分辨率调用不同样式表

<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>

 

posted @ 2013-11-25 12:20  perseus  阅读(171)  评论(0编辑  收藏  举报