DIV CSS教程:判定用戶分辨率調用不同的CSS樣式文件
(未測試 來自網絡 請自行驗證)
| 以下為引用的內容: 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>中即可。
| 以下為引用的內容: <SCRIPT LANGUAGE="javascript"> |
新聞熱點
疑難解答