你的位置:首页 > Java教程

[Java教程]根据不同浏览器窗口大小不同css文件代码实例


根据不同浏览器窗口大小不同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/