時間：2015-06-28 00:00:00 來源：IT貓撲網(wǎng) 作者：網(wǎng)管聯(lián)盟 我要評論(0)
一個網(wǎng)站能切換不同的CSS風(fēng)格大家應(yīng)該都了解，像眾所周知的騰訊在今年改版時也增加了切換皮膚的功能。根據(jù)時間自動調(diào)整站點風(fēng)格是不錯的想法，這種根據(jù)時間自動調(diào)整站點風(fēng)格也不是什么新鮮事，記得好久以前也見過類似的文章或方法，只不過當(dāng)時沒有特別注意。下面說一下它們的實現(xiàn)方法，目前網(wǎng)上有這樣兩種實現(xiàn)方法：
一、采用服務(wù)端的代碼?
ASP版本：?
??response.write?"day.css"? else? ??response.write?"night.css"? end?if? %>? "/> |
PHP版本：
????else?if($hour???echo?‘day.css’;? ????else? ??echo?‘night.css’;? ?>? "?/>? |
二、采用JavaScript代碼
????function?getCSS(){? ??datetoday?=?new?Date();? ??timenow=datetoday.getTime();? ??datetoday.setTime(timenow);? ??thehour?=?datetoday.getHours();? ??if?(thehour<12)? display?=?"morning.css";? ??else?if?(thehour<17)? display?=?"day.css";? ??else? display?=?"night.css";? ??//（…想要更多再加即可…）? ??var?css?=?‘<’;? ??css+=’link?rel="stylesheet"?href=’+display+’?\/’;? ??css+=’>’;? ??document.write(css);? ????}? –>? |
考慮到客戶端可能不支持或者禁止JavaScript，你需要設(shè)置一種默認(rèn)的CSS。
關(guān)鍵詞標(biāo)簽：皮膚,代碼,切換,時段,
相關(guān)閱讀
熱門文章
DIV+CSS網(wǎng)頁布局常用的一些基礎(chǔ)知識整理
完美解決CSS網(wǎng)頁水平居中
XHTML+CSS兼容解決方案
CSS網(wǎng)頁布局困擾新手的八個問題
人氣排行 DIV CSS完美兼容IE6/IE7/FF的通用方法 CSS實例：list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實例 CSS實例:通過定義漸變邊框給圖片加陰影 CSS常用技巧之一 禁止文字自動換行 網(wǎng)頁頁面設(shè)計中CSS十大注意 解決用CSS控制DIV居中失效的問題 css div設(shè)置float后高度不能自動增加 讓CSS兼容IE和Firefox的技巧集合