HTMer » 编程开发 » 网站根据时间段自动切换CSS风格代码

网站根据时间段自动切换CSS风格代码

现在已经越来越多的网站涌入了Web2.0的队伍,Web2.0的一大优点就是网站的页面框架全部在CSS文件中描述,这就使得我们要修改网站风格,只需要修改CSS文件即可。所以我们可以设计多个CSS文件,然后根据喜好,随时切换我们的网站风格即可。但是有没有想过让网站自动来切换CSS风格呢?比如说根据时间段来自动切换CSS风格,早上一个风格,下午一个风格,晚上又是一个风格。虽然有点眼花缭乱,但是体现出了网站的特色。下面就将此想法分别通过ASP和PHP来实现。

==========================ASP自动切换CSS风格代码==========================
<link rel="stylesheet" type="text/css" href="<%   
if hour(now)<12 then   
response.write "morning.css"   
else
if hour(now)<17 then   
response.write "afternoon.css"   
else   
response.write "night.css"   
end if
end if   
%>" />

==========================PHP自动切换CSS风格代码==========================
<link rel="stylesheet" type="text/css" href="<?php $hour=date("H");if ($hour<12) echo "morning.css"; elseif ($hour<17) echo "afternoon.css"; else echo "night.css";?>" />
顶一下 ▲()   踩一下 ▼()

相关文章