轉載於
http://www.lanrentuku.com/tech/cssdiv/20071018/cssdiv131617.shtml
网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点 http://www.leemunroe.com/
同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点以前系统会使用早上的皮肤,过了12点,站点会自动替换成下午的风格,5点后则替换成夜晚的风格。
主要的功能实现是靠在头部的这段判断代码,很容易理解。有兴趣可以自己试试。
CSS版代码如下:
<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
%> " />
分享到:
相关推荐
站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点以前系统会使用早上的皮肤,过了12点,站点会自动替换成下午的风格,5点后则替换成夜晚的风格。 ...
实时切换css风格、皮肤并保存 javascript+css实时切换网页风格、皮肤,并存入cookie,效果不错,代码简洁,欢迎参考
一个网站能切换不同的CSS风格大家应该都了解,像众所周知的腾讯在今年改版时也增加了切换皮肤的功能。
css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行css自动换行
背景自动切换css模板
很漂亮的哦,喜欢css+div的朋友可以相互学习一下!
12种炫酷CSS3图片切换过渡效果
网易首页有道切换css风格源码,自己整理的。挑拣出里面的关键代码,有兴趣的朋友可以看看。
用CSS3滑动图像面板图片切换特效多种css3图片切换演示
div CSS样式表实现中英文双语切换导航条 div CSS样式表实现中英文双语切换导航条 div CSS样式表实现中英文双语切换导航条 div CSS样式表实现中英文双语切换导航条
适时切换CSS实现无刷新变换风格(Cookie保存) 实用的一个JavaScript+CSS实现的效果,适时切换网页的CSS文件,在线无刷新切换网页风格,使用了JavaScript的Cookie技术,保存CSS切换设置,当再次打开网站的时候不会...
视频背景切换 html+css
有两个示例,一个是网上常见的幻灯片似的新闻图片切换,一个是ipd横向左右滑动切换,完整的示例
纯CSS图片 切换特效 纯CSS图片 切换特效 纯CSS图片 切换特效 纯CSS图片 切换特效 纯CSS图片 切换特效 纯CSS图片 切换特效
一款好看的jQuery+CSS3实现的一天时段动画场景切换特效,不同的时段展示不同的风景,黄昏、白天、日落、夜晚动画场景特效。
纯CSS写的TAB切换源代码,没JS。效果很棒!
css3的切换效果
一款很漂亮的jQuery+CSS3苹果产品介绍自动切换展示动画特效,左边图形右边文字标题循环动画切换展示。
css3滑动图像面板图片切换css3 动画图片切换 css3滑动图像面板图片切换css3 动画图片切换