根据时段自动切换网站的CSS风格
摘要:网站能切换几套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"; ?>
" />
href="<?php $hour = date("H"); if ($hour < 12) echo "morning.css"; elseif ($hour < 17) echo "day.css"; else echo "night.css"; ?>
" />
【根据时段自动切换网站的CSS风格】相关文章:
上一篇:
CSS改进网站设计的三个技巧
相关阅读
网友关注
网友最新关注视频
- 沪教版牛津小学英语(深圳用) 四年级下册 Unit 2
- 外研版英语三起6年级下册(14版)Module3 Unit2
- 化学九年级下册全册同步 人教版 第18集 常见的酸和碱(二)
- 【部编】人教版语文七年级下册《泊秦淮》优质课教学视频+PPT课件+教案,辽宁省
- 冀教版小学数学二年级下册第二周第2课时《我们的测量》宝丰街小学庞志荣.mp4
- 七年级英语下册 上海牛津版 Unit9
- 【部编】人教版语文七年级下册《过松源晨炊漆公店(其五)》优质课教学视频+PPT课件+教案,江苏省
- 外研版英语三起5年级下册(14版)Module3 Unit2
- 外研版英语七年级下册module3 unit1第二课时
- 化学九年级下册全册同步 人教版 第25集 生活中常见的盐(二)
精品推荐
分类导航