jquery實現(xiàn)不同大小瀏覽器使用不同的css樣式表的方法
更新時間：2014年04月02日 13:26:19 作者：
這篇文章主要介紹了jquery實現(xiàn)不同大小瀏覽器使用不同的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代碼將根據(jù)不同的瀏覽器大小，更改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());
});
});
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());
});
});
以上代碼經(jīng)過測試可用??！
您可能感興趣的文章:
相關文章
使用CSS和jQuery模擬select并附提交后取得數(shù)據(jù)的代碼
使用CSS和jQuery模擬select并實現(xiàn)提交后取得數(shù)據(jù)，詳細實現(xiàn)及截圖如下，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了JQuery實現(xiàn)Ajax加載圖片的方法,涉及jQuery基于緩存獲取圖片的技巧,需要的朋友可以參考下2015-12-12
這篇文章主要介紹了簡單的jQuery入門指引,jQuery是當今最為流行的JavaScript庫,需要的朋友可以參考下2015-07-07
我們經(jīng)常遇到要操作DOM元素，例如<select>，在Asp.net中Dropdownlist原型就是select。2010-05-05
本文給大家分享的是使用abort來終止JQUERY的$.AJAX請求的方法和示例，有需要的小伙伴可以參考下2016-02-02
一般情況下，在jQuery選擇器中，我們很少會用到諸如“.”、“#”、“(”、“[”等特殊字符，但是在實際應用中，偶爾也會遇到表達式中含有“#”和“.”等特殊字符,那么是如何處理這些個特殊字符的呢？下面小編給大家介紹下2017-09-09
經(jīng)常我們玩微信都會用到查到附近的人，都是在app上實現(xiàn)手機搖一搖的功能?，F(xiàn)在，我們將此技術(shù)搬移到手機web上，供大家學習，有需要的小伙伴可以參考下。2015-06-06
基于jQuery淡入淡出可自動切換的幻燈插件,原型是前幾天寫的一個幻燈效果,因為一個小bug卡了兩天,然后清空之前寫的代碼,重新整理思路寫出來的. 思維是個很詭異的東西,一旦陷入某個死角,很難逃出. 惟有冷卻一些時間,完全拋開舊的思維,才能找到新的出路.2010-08-08
Jquery UI實現(xiàn)一次拖拽多個選中的元素操作
這篇文章主要介紹了Jquery UI實現(xiàn)一次拖拽多個選中的元素操作，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
下面以一個示例：所有具有id屬性的元素設置樣式,動畫效果，為大家介紹下jquery屬性過濾選擇器的使用方法，感興趣的朋友可以參考下哈2013-06-06