根據(jù)時(shí)段自動切換你的站點(diǎn)CSS風(fēng)格_Web標(biāo)準(zhǔn)教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
網(wǎng)站能切換幾套CSS風(fēng)格早已不是什么新鮮事了。大家也都知道怎么去弄。早上發(fā)現(xiàn)一個(gè)有意思得站點(diǎn),同樣是切換風(fēng)格。不過他做了點(diǎn)小小的調(diào)整。站點(diǎn)會根據(jù)當(dāng)時(shí)的時(shí)間自動調(diào)整站點(diǎn)風(fēng)格。作者為站點(diǎn)制作了早上、下午、夜晚三套皮膚,主要是分別制作了背景。12點(diǎn)以前系統(tǒng)會使用早上的皮膚,過了12點(diǎn),站點(diǎn)會自動替換成下午的風(fēng)格,5點(diǎn)后則替換成夜晚的風(fēng)格。
主要的功能實(shí)現(xiàn)是靠在頭部的這段判定代碼,很輕易理解。有愛好可以自己試試。
CSS版代碼如下:
| 以下為引用的內(nèi)容: <link rel="stylesheet" type="text/css" href="<?php $hour = date("H"); if ($hour < 12) echo "morning.css"; elseif ($hour < 17) echo "day.css"; else echo "night.css"; ?> " /> |
ASP版代碼如下:
| 以下為引用的內(nèi)容: <link rel="stylesheet" type="text/css" href="<% |
相關(guān)Web標(biāo)準(zhǔn)教程:
- Web標(biāo)準(zhǔn):需要正確的使用H1~ H6標(biāo)簽
- 五個(gè)WEB標(biāo)準(zhǔn)中必須注意的地方
- 做到結(jié)構(gòu)(XHTML),表現(xiàn)(CSS),行為(JavaScript)的分離
- CSS標(biāo)準(zhǔn):HTML標(biāo)簽元素的關(guān)閉
- Web標(biāo)準(zhǔn)之路 勿使用W3C廢棄的元素
- CSS布局 聲明文檔類型描述(DTD)
- DIV CSS\讓搜索引擎蜘蛛不再累
- 用XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)頁
- XHTML+CSS創(chuàng)建基于Web標(biāo)準(zhǔn)的網(wǎng)站
- DIV+CSS對SEO的幫助
- 淺析什么是Web標(biāo)準(zhǔn) 及其前景
- CSSer新手寄語:開始標(biāo)準(zhǔn)之路
- 相關(guān)鏈接:
- 教程說明:
Web標(biāo)準(zhǔn)教程-根據(jù)時(shí)段自動切換你的站點(diǎn)CSS風(fēng)格
。


