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()); 
    }); 
});

以上代碼經(jīng)過測試可用！！

您可能感興趣的文章:

dreamweaver 8實現(xiàn)Jquery自動提示
這篇文章主要介紹了dreamweaver 8實現(xiàn)Jquery自動提示的方法,需要的朋友可以參考下
2014-12-12
用原生JavaScript實現(xiàn)jQuery的$.getJSON的解決方法
本篇文章介紹了，用原生JavaScript實現(xiàn)jQuery的$.getJSON的解決方法。需要的朋友參考下
2013-05-05
詳解jQuery的核心函數(shù)和事件處理
這篇文章主要為大家介紹了jQuery的核心函數(shù)和事件處理，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-01-01
JQuery Dialog對話框不能通過Esc關閉的原因分析及解決辦法
這篇文章主要介紹了JQuery Dialog對話框不能通過Esc關閉的原因分析及解決辦法,需要的朋友可以參考下
2017-01-01
jQuery動畫與特效詳解
本文主要是講解和學習jQuery的自動顯隱，漸入漸出、飛入飛出、自定義動畫等。非常詳細，這里推薦給有需要的小伙伴。
2015-02-02
jquery數(shù)組之存放checkbox全選值示例代碼
使用jquery數(shù)組可以存放checkbox全選值，下面有個不錯的示例，感興趣的朋友可以參考下
2013-12-12
jquery實現(xiàn)簡單的拖拽效果實例兼容所有主流瀏覽器
拖拽效果個人覺得是一種不錯的用戶體驗，抽空研究了一下，原理還蠻簡單的，具體實現(xiàn)如下，感興趣的朋友可以參考下哈
2013-06-06
jQuery實現(xiàn)放大鏡效果實例代碼
在一些電商網(wǎng)站我們都見到使用過放大鏡來查看商品詳情，那么基于jquery代碼是如何實現(xiàn)放大鏡效果的呢？下面由腳本之家小編給大家分享jquery代碼實現(xiàn)放大鏡效果
2016-03-03
jquery實現(xiàn)簡單的全選和反選功能
我們在做項目的時候，經(jīng)常需要實現(xiàn)全選和反選功能，到網(wǎng)上搜了一圈，發(fā)現(xiàn)網(wǎng)上寫的全選的代碼，不是完整的，是有bug的。下面結合自己的項目給大家分享下。
2016-01-01
利用jQuery設計一個簡單的web音樂播放器的實例分享
這篇文章主要介紹了利用jQuery設計一個簡單的web音樂播放器的實例分享,包括PHP后臺和從MySQL中讀取曲目等基本功能的實現(xiàn),需要的朋友可以參考下
2016-03-03