网页小图片(15) 网页背景(10) 网页配色(25) 壁纸(84) 软件下载(20) flash全站(30) 字体下载(5) QQ表情(4) 便捷工具(23) PS笔刷(10) 超级懒人(11) 屏幕保护(29) Flash效果(34) BOX盒子(12) PSD网页模板(21) Flash广告欣赏(36) CSS+DIV模板(12) 网页音乐播放器(19) flash导航(17) flash时钟(151) psd分层素材(24)
首页 >> 技术文档 >> HTML+CSS >> 正文

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

VIEW:
来源:5key.net  作者:不详  2007-10-18

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

到这里去感受一下效果:http://www.leemunroe.com/

上一篇文章:  
下一篇文章: [关闭窗口]
 
新浪ViVi 365Key网摘 天极网摘 POCO网摘
Google书签 Yahoo书签 添加到百度搜藏 Del.icio.us

JS广告代码

+ 站点更新

+ 热门点击

+ 赞助商链接

+ 懒人电子报
为什么要订阅:您可以第一时间收到懒人图库更新的邮件通知。

+ 本站RSS订阅:

关于我们 - 版权声明 - 广告服务 - 懒人博客 - 网站地图 - 友情链接 - 联系我们 - 在线留言 京ICP备08001501号
Copyright © 2006 - 2009 lanrentuku.com All rights reserved.  

-