网站风格随时间自动变化
站长空间
现在很多网站都有风格切换的功能，但是通常只能通过手动点击切换模板，对于个人网站或者小众类的特色网站来说，如果能够根据时间自动调整网站风格，比如在白天显示清新的页面模板，而在夜晚显示黑色调的风格，则会给访客一种耳目一新的感觉。这样一来就很容易让网友记住你的站点，也彰显了网站的“个性”，下面就来介绍一下实现方法。
ASP网站风格代码
对于采用ASP架构的网站来说，可以采用以下的ASP代码，就可以实现网站风格随时间变化的效果了，方法是在ASP程序的
与标签中加入以下代码：＜link rel="stylesheet" type="text/css" href="＜% if hour（now）<12 then response.write "morning.css" elseif hour（now）＜17 then response.write "day.css" else response.write "night.css" end if%>"/>
其中morning.css表示白天显示的样式表文件，night.css则是夜晚显示的风格，只需要分别制作不同的CSS文件即可。
PHP站点的风格变化
如果是采用PHP架构的网站，则可以使用以下PHP代码。将其加入网站的PHP文件头部代码中即可。
＜link rel="stylesheet" type="text/css" href="＜？php $hour = date（"H"）; if（$hour ＜ 12） echo 'morning.css'; else if（$hour ＜ 17） echo 'day.css'; else echo 'night.css';？>" />
小提示：
加入代码后需要删除默认的样式表链接文件，否则将可能出现页面错位的现象。
静态页面采用JavaScript代码
对于将网站页面生成了html静态页面的站点来说，同样可以采用一款JavaScript代码实现站点风格的变化效果，使用方法非常简单，只需要在网站的页面中加上以下代码即可。
＜script type="text/javascript">＜！——function getCSS（）{ datetoday = new Date（）; timenow=datetoday.getTime（）;
datetoday.setTime（timenow）; thehour = datetoday.getHours（）; if （thehour<12）
display = "morning.css"; else if （thehour<17） display = "day.css";
else display = "night.css";var css = '＜'; css+=‘link rel="stylesheet" href=’+display+'\/'; css+='>';document.write（css）;}——>＜/script>
小提示：
很多浏览器会禁止JavaScript的显示，为了保证这类用户可以正常访问网站，所以不要忘了设置一个默认的CSS样式。
注意：以上代码可以在http://www.shudoo.com/bzsoft下载。