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

更新时间：2014年04月02日 13:26:19 作者：

这篇文章主要介绍了jquery实现不同大小浏览器使用不同的css样式表的方法,需要的朋友可以参考下

该方法支持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()); 
    }); 
});

以上代码经过测试可用！！

您可能感兴趣的文章:

使用CSS和jQuery模拟select并附提交后取得数据的代码
使用CSS和jQuery模拟select并实现提交后取得数据，详细实现及截图如下，感兴趣的朋友可以参考下
2013-10-10
JQuery实现Ajax加载图片的方法
这篇文章主要介绍了JQuery实现Ajax加载图片的方法,涉及jQuery基于缓存获取图片的技巧,需要的朋友可以参考下
2015-12-12
简单的jQuery入门指引
这篇文章主要介绍了简单的jQuery入门指引,jQuery是当今最为流行的JavaScript库,需要的朋友可以参考下
2015-07-07
JQuery 操作select标签实现代码
我们经常遇到要操作DOM元素，例如<select>，在Asp.net中Dropdownlist原型就是select。
2010-05-05
教你如何终止JQUERY的$.AJAX请求
本文给大家分享的是使用abort来终止JQUERY的$.AJAX请求的方法和示例，有需要的小伙伴可以参考下
2016-02-02
jQuery选择器中的特殊符号处理方法
一般情况下，在jQuery选择器中，我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符，但是在实际应用中，偶尔也会遇到表达式中含有“#”和“.”等特殊字符,那么是如何处理这些个特殊字符的呢？下面小编给大家介绍下
2017-09-09
jQuery+HTML5实现手机摇一摇换衣特效
经常我们玩微信都会用到查到附近的人，都是在app上实现手机摇一摇的功能。现在，我们将此技术搬移到手机web上，供大家学习，有需要的小伙伴可以参考下。
2015-06-06
基于jQuery的淡入淡出可自动切换的幻灯插件
基于jQuery淡入淡出可自动切换的幻灯插件,原型是前几天写的一个幻灯效果,因为一个小bug卡了两天,然后清空之前写的代码,重新整理思路写出来的. 思维是个很诡异的东西,一旦陷入某个死角,很难逃出. 惟有冷却一些时间,完全抛开旧的思维,才能找到新的出路.
2010-08-08
Jquery UI实现一次拖拽多个选中的元素操作
这篇文章主要介绍了Jquery UI实现一次拖拽多个选中的元素操作，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2016-10-10
jquery属性过滤选择器使用示例
下面以一个示例：所有具有id属性的元素设置样式,动画效果，为大家介绍下jquery属性过滤选择器的使用方法，感兴趣的朋友可以参考下哈
2013-06-06