简单生活
返回文章列表
260 字2 分钟

根据时间段自动切换你的站点CSS风格

设计开发#CSS

网站能切换几套 CSS 风格早已不是什么新鲜事了。大家也都知道怎么去弄。今天发现一个有意思的站点http://www.leemunroe.com/ 。

同样是切换风格。不过他做了一点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12 点以前系统会使用早上的皮肤,过了 12 点,站点会自动替换成下午的风格,5 点后则替换成夜晚的风格。

主要的功能实现是靠在头部的这段判断代码,很容易理解。有兴趣的朋友不妨试试。

PHP 版代码如下:

<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="<?php $hour = date("H"); if ($hour < 12) echo "morning.css"; elseif ($hour < 17) echo "day.css"; else echo "night.css"; ?>" />

历史留言归档

3
静态只读归档
奇
奇客旗报
<br/>你的博客先试试,有效果了我们再跟进.<br/><br/>[F]Haha[/F]
Y
yangkui
不错!很有意识~
F
fei
这个有意思,老狼技术很好