快捷導(dǎo)航

jquery實(shí)現(xiàn)不同大小瀏覽器使用不同的css樣式表的方法

更新時(shí)間：2014年04月02日 13:26:19 作者：

這篇文章主要介紹了jquery實(shí)現(xiàn)不同大小瀏覽器使用不同的css樣式表的方法,需要的朋友可以參考下

該方法支持IE瀏覽器和其他瀏覽器。

1、首先定義兩個(gè)link，當(dāng)然你也可以是一個(gè)，第二個(gè)是要更改的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

復(fù)制代碼代碼如下:

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)過(guò)測(cè)試可用！！

您可能感興趣的文章:

相關(guān)文章

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