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

  • 来源: 互联网 作者: lixiangjing   2008-10-20/13:46
  • 网站能切换几套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/

    评论 {{userinfo.comments}}

    {{money}}

    {{question.question}}

    A {{question.A}}
    B {{question.B}}
    C {{question.C}}
    D {{question.D}}
    提交

    驱动号 更多