当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 根据时段自动切换网站的CSS风格

CSS样式表
有趣的Unicode CSS类命名方式
调整CSS类型的顺序改变链接翻滚
CSS实现网页中的隔行换色代码
巧妙运用CSS立刻改变鼠标的样式
CSS教程,CSS固定表头的HTML表格
CSS教程,让网页对搜索引擎更友好
WEB标准,Web前端工程师定位浅谈
CSS配合JavaScript做酷的动态页面效果
WEB标准,Web前端开发工程师必备技术列表
用CSS制作Alpha滤镜测试板
非常流行的所谓的气泡窗口
CSS教程:li和ul标签用法举例
无延迟翻滚的图形与CSS混合风格按钮
浏览器Quirksmode模式与CSSCompat模式
CSS布局实例:上中下三行,中间自适应
CSS初学者应该保持的一种心态
基本的页面设计元素布局比例
DIV CSS常见错误汇总
如何用CSS让文字居于div的底部
从A页面连接到B页面后并直接把B页面的隐藏层显示

CSS样式表 中的 根据时段自动切换网站的CSS风格


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-10-12   浏览: 112 ::
收藏到网摘: n/a

  网站能切换几套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/