根據時段自動切換網站的CSS風格_CSS教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
網站能切換幾套CSS風格早已不是什么新鮮事了。大家也都知道怎么去弄。早上發現一個有意思得站點 http://www.leemunroe.com/
同樣是切換風格。不過他做了點小小的調整。站點會根據當時的時間自動調整站點風格。作者為站點制作了早上、下午、夜晚三套皮膚,主要是分別制作了背景。12點以前系統會使用早上的皮膚,過了12點,站點會自動替換成下午的風格,5點后則替換成夜晚的風格。
主要的功能實現是靠在頭部的這段判定代碼,很輕易理解。有愛好可以自己試試。 <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/
同樣是切換風格。不過他做了點小小的調整。站點會根據當時的時間自動調整站點風格。作者為站點制作了早上、下午、夜晚三套皮膚,主要是分別制作了背景。12點以前系統會使用早上的皮膚,過了12點,站點會自動替換成下午的風格,5點后則替換成夜晚的風格。
主要的功能實現是靠在頭部的這段判定代碼,很輕易理解。有愛好可以自己試試。 <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教程:
- 相關鏈接:
- 教程說明:
CSS教程-根據時段自動切換網站的CSS風格
。