根据不同浏览器窗口大小不同css文件代码实例:
在实际应用中，可能需要根据当前浏览器窗口的不同来调用不同的样式，下面就是一段能够实现此功能的代码。
代码如下:
function adjustStyle(width){ width = parseInt(width); if(width < 701){ $("#css").attr("href","css/narrow.css"); } else if ((width>= 701) && (width < 900)){ $("#css").attr("href","css/medium.css"); } else{ document.write("css/style.css") } } $(function(){ adjustStyle($(this).width()); $(window).resize(function(){ adjustStyle($(this).width()); }); });
以上代码实现了我们的要求，代码非常的简单，这里就不多介绍了，可以参阅相关阅读。
相关阅读:
1.parseInt()函数可以参阅js的parseInt()函数的参数简单介绍一章节。
2.attr()函数可以参阅jQuery的attr()方法一章节。
3.resize事件可以参阅jQuery的resize事件一章节。
原文地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=13049
更多内容可以参阅:http://www.softwhy.com/jquery/