<font id="j0tcy"></font>
    1. <cite id="j0tcy"></cite>

        根據分辨率不同調用不同的css文件

        發布時間:2018-09-06 23:40 作者:wnqc_2018 點擊:865

        根據分辨率不同,調用不同的css文件

        <SCRIPT?LANGUAGE="javascript">?
        <!--?
        if?(window.navigator.userAgent.indexOf("MSIE")>=1)?
        {?
        var?IE1024="";?
        var?IE800="";?
        var?IE1152="";?
        var?IEother="";??
        ScreenWidth(IE1024,IE800,IE1152,IEother)?
        }else{?
        if?(window.navigator.userAgent.indexOf("Firefox")>=1)?
        {?
        file://如果瀏覽器為Firefox?
        var?Firefox1024="";?
        var?Firefox800="";?
        var?Firefox1152="";?
        var?Firefoxother="";?
        ScreenWidth(Firefox1024,Firefox800,Firefox1152,Firefoxother)?
        }else{?
        file://如果瀏覽器為其他?
        var?Other1024="";?
        var?Other800="";?
        var?Other1152="";?
        var?Otherother="";?
        ScreenWidth(Other1024,Other800,Other1152,Otherother)?
        }?
        }?
        function?ScreenWidth(CSS1,CSS2,CSS3,CSS4){?
        if?((screen.width?==?1024)?&&?(screen.height?==?768)){?
        setActiveStyleSheet(CSS1);?
        }else{?
        if?((screen.width?==?800)?&&?(screen.height?==?600)){?
        setActiveStyleSheet(CSS2);?
        }else{?
        if?((screen.width?==?1152)?&&?(screen.height?==?864)){?
        setActiveStyleSheet(CSS3);?
        }else{?
        setActiveStyleSheet(CSS4);?
        }}}?
        }?
        function?setActiveStyleSheet(title){??
        document.getElementsByTagName("link")[0].href="style/"+title;??
        }?
        file://-->?
        </SCRIPT> ? ?


        解釋:


        var?IE1024="";
        var?IE800="";
        var?IE1152="";
        var?IEother="";

        ?

        引號里面分別填寫,用戶使用IE的時候并且分辨率為1024*768,800*600,1152*864要使用的css文件名.?

        ?


        var?Firefox1024="";
        var?Firefox800="";
        var?Firefox1152="";
        var?Firefoxother="";

        ?

        引號里面分別填寫,用戶使用FF的時候并且分辨率為1024*768,800*600,1152*864要使用的css文件名.

        ?

        var?Other1024="";
        var?Other800="";
        var?Other1152="";
        var?Otherother="";

        ?

        引號里面分別填寫,用戶使用其他瀏覽器的時候并且分辨率為1024*768,800*600,1152*864要使用的css文件名.

        不判斷分辨率,只判斷瀏覽器

        應E.Qiang提議,編如下代碼。實現根據瀏覽器類型自動調用不同CSS。

        代碼:


        <SCRIPT?LANGUAGE="javascript">?
        <!--?
        if?(window.navigator.userAgent.indexOf("MSIE")>=1)?
        {?
        file://如果瀏覽器為IE?
        setActiveStyleSheet("default.css");?
        }else{?
        if?(window.navigator.userAgent.indexOf("Firefox")>=1)?
        {?
        file://如果瀏覽器為Firefox?
        setActiveStyleSheet("default2.css");?
        }else{?
        file://如果瀏覽器為其他?
        setActiveStyleSheet("newsky.css");?
        }?
        }??
        function?setActiveStyleSheet(title){??
        document.getElementsByTagName("link")[0].href="style/"+title;??
        }?
        file://-->?
        </SCRIPT> ? ?


        解釋:


        如果瀏覽器為IE,則調用default.css

        如果瀏覽器為Firefox,則調用default2.css

        如果瀏覽器為其他,則調用newsky.css

        用法:放在<head></head>中即可。

        版權與免責聲明

        網站建設、網站優化、微信開發、網絡推廣服務商蝸牛啟橙聲明:如發現內容存在版權問題,[email protected],[email protected]?,涉及言論、版權與本站無關。

        做網站,做推廣,就選蝸牛啟橙

        咨詢專線:400-800-3253

        在線咨詢

        聯系電話

        電話:400-800-3253

        悠闲棋牌