時(shí)間：2015-06-28 00:00:00 來(lái)源：IT貓撲網(wǎng) 作者：網(wǎng)管聯(lián)盟 我要評(píng)論(0)
一個(gè)網(wǎng)站能切換不同的CSS風(fēng)格大家應(yīng)該都了解，像眾所周知的騰訊在今年改版時(shí)也增加了切換皮膚的功能。根據(jù)時(shí)間自動(dòng)調(diào)整站點(diǎn)風(fēng)格是不錯(cuò)的想法，這種根據(jù)時(shí)間自動(dòng)調(diào)整站點(diǎn)風(fēng)格也不是什么新鮮事，記得好久以前也見(jiàn)過(guò)類似的文章或方法，只不過(guò)當(dāng)時(shí)沒(méi)有特別注意。下面說(shuō)一下它們的實(shí)現(xiàn)方法，目前網(wǎng)上有這樣兩種實(shí)現(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)簽：皮膚,代碼,切換,時(shí)段,
相關(guān)閱讀
熱門文章
DIV+CSS網(wǎng)頁(yè)布局常用的一些基礎(chǔ)知識(shí)整理
完美解決CSS網(wǎng)頁(yè)水平居中
XHTML+CSS兼容解決方案
CSS網(wǎng)頁(yè)布局困擾新手的八個(gè)問(wèn)題
人氣排行 DIV CSS完美兼容IE6/IE7/FF的通用方法 CSS實(shí)例：list-style-type在IE與FF中奇怪的現(xiàn)象解析-CSS布局實(shí)例 CSS實(shí)例:通過(guò)定義漸變邊框給圖片加陰影 CSS常用技巧之一 禁止文字自動(dòng)換行 網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)中CSS十大注意 解決用CSS控制DIV居中失效的問(wèn)題 css div設(shè)置float后高度不能自動(dòng)增加 讓CSS兼容IE和Firefox的技巧集合