您当前的位置: 首页 > 前端教程 > CSS教程 > 根据时段自动切换网站的CSS风格

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

作者:不详 来源:网络 发布时间: 2013-10-06 09:53 点击:
网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点 同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点以前系统会使

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

      网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点   

  同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。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
  
  %> " />
分享到:
本文"根据时段自动切换网站的CSS风格"由远航站长收集整理而来,仅供大家学习与参考使用。更多网站制作教程尽在远航站长站。
顶一下
(1)
100%
踩一下
(0)
0%
[点击 次] [返回上一页] [打印]
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 密码: 验证码:
关于本站 - 联系我们 - 网站声明 - 友情连接- 网站地图 - 站点地图 - 返回顶部
Copyright © 2007-2013 www.yhzhan.com(远航站长). All Rights Reserved .
远航站长:为中小站长提供最佳的学习与交流平台,提供网页制作与网站编程等各类网站制作教程.
官方QQ:445490277 网站群:26680406 网站备案号:豫ICP备07500620号-4