网站导航网学 原创论文 原创专题 网站设计 最新系统 原创论文 论文降重 发表论文 论文发表 UI设计定制 论文答辩PPT格式排版 期刊发表 论文专题
返回网学首页
网学原创论文
最新论文 推荐专题 热门论文 论文专题
当前位置: 网学 > 设计资源 > DIVCSS技术 > 正文

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

来源:http://myeducs.cn 联系QQ:点击这里给我发消息 作者: 用户投稿 发布时间: 09/03/16

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

  • 下一篇资讯: IE与Firefox的CSS兼容大全
  • 设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创
    版权所有 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师