你好,欢迎访问远方教程PC版!
广告位招租
网站首页 >> 站长讲堂 >> 网站建设 >> 文章内容

善待访客:JS判断分辨率调用不同CSS

[日期:2015-10-16]   来源:远方教程  作者:远方教程   阅读:3707次[字体: ] 访问[旧版]
 捐赠远方教程 

<script LANGUAGE="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

</script>

 

准备 800.css  1024.css 里面设置不同的大小!

图片展示
 
相关评论
站长推荐