自动按时段切换网页的CSS风格

2016-02-19 16:52 12 1 收藏

下面是个自动按时段切换网页的CSS风格教程，撑握了其技术要点，学起来就简单多了。赶紧跟着图老师小编一起来看看吧！

【 tulaoshi.com - Web开发】

站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤，主要是分别制作了背景。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.tulaoshi.com/n/20160219/1613406.html

上一篇：优盘装系统问题小结
下一篇： XML 编程思想:XML和语义:XML 会兑现其承诺吗？

看过《自动按时段切换网页的CSS风格》的人还看了以下文章更多>>

CSS教程:CSS让网页文字自动隐藏

标签： Web开发

文字隐藏应用广泛，但常用的方法没有什么亲和力。常用文字隐藏方法的缺陷： 1、display:none 这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略；屏幕阅读器会忽略被隐藏的文字。 2、visibility: hidden 这种方法隐藏了文字却仍然占据物理空间。更好的方法： overflow:hidden .class{ display:block;/*统一转...

用CSS控制网页总体风格

标签： Html CSS布局 Div+CSS XHTML

网页设计中我们通常需要统一网页的整体风格，统一的风格大部分涉及到网页中文字属性、网页背景色以及链接文字属性等等，如果我们应用CSS来控制这些属性，会大大提高网页设计速度，更加统一网页总体效果。为了达到修改整个网页的目的，我们需要编辑一个外挂式的CSS文档。根据这个文档定义和修改不同CSS属...

CSS自动实现网页打印版本

标签： Web开发

下面通过创建一个鼠标滑过加亮显示的 HTC 来演示一下创建 HTC 的过程。 1、创建 HTC 文件的架构。一个标准的 HTC 文件含有一个 SCRIPT 块和一对可选的 COMPONENT 标记。以下是引用片段： PUBLIC:COMPONENT SCRIPT /SCRIPT /PUBLIC:COMPONENT 2、写一个可执行的脚本。在下面的代码中，ATTACH 被用于设置 HTC 接收元素在 onmouseove...

XHTML+CSS制作样式风格切换的WEB站点

标签： Web开发

随着XHTML的逐渐推广流行，HTML 在许多场合已经显得过时。World Wide Web Consortium (W3C) 于 2000 年 6 月 26 日发布了 XHTML 的第一个版本作为推荐标准。XHTML 标准的目标是取代 html。按照 W3C 的说法，XHTML 是 html 的继承...

CSS教程：自动隐藏网页文字的技巧

标签： Html CSS布局 Div+CSS XHTML

文字隐藏应用广泛，但常用的方法没有什么亲和力。常用文字隐藏方法的缺陷： 1、display:none 这种方法搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略；屏幕阅读器会忽略被隐藏的文字。 2、visibility: hidden 这种方法隐藏了文字却仍然占据物理空间。 3、推荐大家使用这个更好的方法： ...

查看更多精彩>>