欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

<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)過測(cè)試可用?。?/P>

相關(guān)文章

  • 使用CSS和jQuery模擬select并附提交后取得數(shù)據(jù)的代碼

    使用CSS和jQuery模擬select并附提交后取得數(shù)據(jù)的代碼

    使用CSS和jQuery模擬select并實(shí)現(xiàn)提交后取得數(shù)據(jù)，詳細(xì)實(shí)現(xiàn)及截圖如下，感興趣的朋友可以參考下
    2013-10-10
  • JQuery實(shí)現(xiàn)Ajax加載圖片的方法

    JQuery實(shí)現(xiàn)Ajax加載圖片的方法

    這篇文章主要介紹了JQuery實(shí)現(xiàn)Ajax加載圖片的方法,涉及jQuery基于緩存獲取圖片的技巧,需要的朋友可以參考下
    2015-12-12
  • 簡(jiǎn)單的jQuery入門指引

    簡(jiǎn)單的jQuery入門指引

    這篇文章主要介紹了簡(jiǎn)單的jQuery入門指引,jQuery是當(dāng)今最為流行的JavaScript庫,需要的朋友可以參考下
    2015-07-07
  • JQuery 操作select標(biāo)簽實(shí)現(xiàn)代碼

    JQuery 操作select標(biāo)簽實(shí)現(xiàn)代碼

    我們經(jīng)常遇到要操作DOM元素，例如<select>，在Asp.net中Dropdownlist原型就是select。
    2010-05-05
  • 教你如何終止JQUERY的$.AJAX請(qǐng)求

    教你如何終止JQUERY的$.AJAX請(qǐng)求

    本文給大家分享的是使用abort來終止JQUERY的$.AJAX請(qǐng)求的方法和示例，有需要的小伙伴可以參考下
    2016-02-02
  • jQuery選擇器中的特殊符號(hào)處理方法

    jQuery選擇器中的特殊符號(hào)處理方法

    一般情況下，在jQuery選擇器中，我們很少會(huì)用到諸如“.”、“#”、“(”、“[”等特殊字符，但是在實(shí)際應(yīng)用中，偶爾也會(huì)遇到表達(dá)式中含有“#”和“.”等特殊字符,那么是如何處理這些個(gè)特殊字符的呢？下面小編給大家介紹下
    2017-09-09
  • jQuery+HTML5實(shí)現(xiàn)手機(jī)搖一搖換衣特效

    jQuery+HTML5實(shí)現(xiàn)手機(jī)搖一搖換衣特效

    經(jīng)常我們玩微信都會(huì)用到查到附近的人，都是在app上實(shí)現(xiàn)手機(jī)搖一搖的功能。現(xiàn)在，我們將此技術(shù)搬移到手機(jī)web上，供大家學(xué)習(xí)，有需要的小伙伴可以參考下。
    2015-06-06
  • 基于jQuery的淡入淡出可自動(dòng)切換的幻燈插件

    基于jQuery的淡入淡出可自動(dòng)切換的幻燈插件

    基于jQuery淡入淡出可自動(dòng)切換的幻燈插件,原型是前幾天寫的一個(gè)幻燈效果,因?yàn)橐粋€(gè)小bug卡了兩天,然后清空之前寫的代碼,重新整理思路寫出來的. 思維是個(gè)很詭異的東西,一旦陷入某個(gè)死角,很難逃出. 惟有冷卻一些時(shí)間,完全拋開舊的思維,才能找到新的出路.
    2010-08-08
  • Jquery UI實(shí)現(xiàn)一次拖拽多個(gè)選中的元素操作

    Jquery UI實(shí)現(xiàn)一次拖拽多個(gè)選中的元素操作

    這篇文章主要介紹了Jquery UI實(shí)現(xiàn)一次拖拽多個(gè)選中的元素操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-10-10
  • jquery屬性過濾選擇器使用示例

    jquery屬性過濾選擇器使用示例

    下面以一個(gè)示例：所有具有id屬性的元素設(shè)置樣式,動(dòng)畫效果，為大家介紹下jquery屬性過濾選擇器的使用方法，感興趣的朋友可以參考下哈
    2013-06-06

最新評(píng)論