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

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

 更新時間：2014年04月02日 13:26:19   作者：  
這篇文章主要介紹了jquery實現(xiàn)不同大小瀏覽器使用不同的css樣式表的方法,需要的朋友可以參考下

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

1、首先定義兩個link，當然你也可以是一個，第二個是要更改的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)過測試可用?。?/P>

相關(guān)文章

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

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

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

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

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

    簡單的jQuery入門指引

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

    JQuery 操作select標簽實現(xiàn)代碼

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

    教你如何終止JQUERY的$.AJAX請求

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

    jQuery選擇器中的特殊符號處理方法

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

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

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

    基于jQuery的淡入淡出可自動切換的幻燈插件

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

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

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

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

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

最新評論