根據(jù)時(shí)段自動(dòng)切換網(wǎng)站的CSS風(fēng)格_CSS教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
網(wǎng)站能切換幾套CSS風(fēng)格早已不是什么新鮮事了。大家也都知道怎么去弄。早上發(fā)現(xiàn)一個(gè)有意思得站點(diǎn) http://www.leemunroe.com/
同樣是切換風(fēng)格。不過(guò)他做了點(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ì)使用早上的皮膚,過(guò)了12點(diǎn),站點(diǎn)會(huì)自動(dòng)替換成下午的風(fēng)格,5點(diǎn)后則替換成夜晚的風(fēng)格。
主要的功能實(shí)現(xià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版代碼如下: <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/
同樣是切換風(fēng)格。不過(guò)他做了點(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ì)使用早上的皮膚,過(guò)了12點(diǎn),站點(diǎn)會(huì)自動(dòng)替換成下午的風(fēng)格,5點(diǎn)后則替換成夜晚的風(fēng)格。
主要的功能實(shí)現(xià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版代碼如下: <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/
相關(guān)CSS教程:
- 相關(guān)鏈接:
復(fù)制本頁(yè)鏈接| 搜索根據(jù)時(shí)段自動(dòng)切換網(wǎng)站的CSS風(fēng)格
- 教程說(shuō)明:
CSS教程-根據(jù)時(shí)段自動(dòng)切換網(wǎng)站的CSS風(fēng)格
。