jquery实现不同大小浏览器使用不同的css样式表的方法

2014-04-02 41

该方法支持IE浏览器和其他浏览器。

1、首先定义两个link,当然你也可以是一个,第二个是要更改的css

<link rel="stylesheet" type="text/css" href="main.css" />
<link id="size-stylesheet" rel="stylesheet" type="text/css" href="narrow.css" />

2、下面的JavaScript代码将根据不同的浏览器大小,更改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 { 
       //$("#css").attr("href", "<?php bloginfo('stylesheet_url'); ?>"); 
       document.write("css/style.css")
    } 
} 
$(function() { 
    adjustStyle($(this).width()); 
    $(window).resize(function() { 
        adjustStyle($(this).width()); 
    }); 
});

以上代码经过测试可用!!
展开阅读全文

更多Javascript文章

javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 46
学习ExtJS border布局
Oct 08 30
js工具方法弹出蒙版
May 08 40
javascript验证上传文件的类型限制必须为某些格式
Nov 14 53
jquery动态添加删除一行数据示例
Jun 12 54
Angularjs 手写日历的实现代码(不用插件)
Oct 18 51
node中的密码安全(加密)
Sep 17 45
手机访问当前页面