根据时段自动切换网站的CSS风格
2008-07-08 15:25
246 查看
网站能切换几套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/
同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。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/
相关文章推荐
- 根据时段自动切换网站的CSS风格
- 根据时段自动切换你的站点CSS风格
- 根据时段自动切换你的站点CSS风格
- ASP、PHP与javascript根据时段自动切换CSS皮肤的代码
- CSS布局:根据浏览器宽度自动把布局从三栏切换成两栏加底栏
- 根据用户选择用JS切换生效的CSS文件实现网站网页换肤
- ASP、PHP与javascript根据时段切换CSS皮肤的代码
- 根据用户选择用JS切换生效的CSS文件实现网站网页换肤
- 网站首页的自动语言切换
- css 中div不用设定高度,自动根据内容出现滚动条
- 网站风格切换最新版(Style Sheet Switcher)
- 一种基于自定义代码的asp.net网站首页根据IP自动跳转指定页面的方法!
- 关于HTTP和HTTPS相互转换的问题--解决根据过滤器自动切换功能--可用
- 网页风格化用CSS实现皮肤适时切换
- 硬盘盘符重启后 自动切换――根据UUID挂载磁盘
- CSS布局 — 根据内容是否自动伸缩展示区域的那些元素
- 网站自动识别浏览器语言进行中英文切换的方法
- 通过模板页master page和主题theme来实现网站的风格切换
- css居然有根据容器宽度自动截取长度加省略号功能,强大!!