根據(jù)時(shí)段自動(dòng)切換網(wǎng)站的CSS風(fēng)格

2024-07-11 08:23:38

字體：大中小

供稿：網(wǎng)友

　　網(wǎng)站能切換幾套CSS風(fēng)格早已不是什么新鮮事了。大家也都知道怎么去弄。早上發(fā)現(xiàn)一個(gè)有意思得站點(diǎn) http://www.leemunroe.com/
　　同樣是切換風(fēng)格。不過他做了點(diǎn)小小的調(diào)整。站點(diǎn)會(huì)根據(jù)當(dāng)時(shí)的時(shí)間自動(dòng)調(diào)整站點(diǎn)風(fēng)格。作者為站點(diǎn)制作了早上、下午、夜晚三套皮膚，主要是分別制作了背景。12點(diǎn)以前系統(tǒng)會(huì)使用早上的皮膚，過了12點(diǎn)，站點(diǎn)會(huì)自動(dòng)替換成下午的風(fēng)格，5點(diǎn)后則替換成夜晚的風(fēng)格。

　　主要的功能實(shí)現(xiàn)是靠在頭部的這段判定代碼，很輕易理解。有愛好可以自己試試。 <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版代碼如下： <link rel="stylesheet" type="text/css" href="<%
if hour(now)<12 then
response.write "a.css"
else
if hour(now)<17 then
response.write "b.css"
else
response.write "c.css"
end if
end if
%> " />
到這里去感受一下效果：http://www.leemunroe.com/

上一篇：CSS:清除浮動(dòng)的最優(yōu)方法

下一篇：實(shí)用的CSS常見的問題和技巧總結(jié)