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

2016-02-19 16:52 10 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
% " /

来源:https://www.tulaoshi.com/n/20160219/1613406.html

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

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

网页设计中实时切换 CSS样式的探讨

标签： Web开发

用W3C标准建造的网站，从理论上来说可以做到完全的表现与结构相分离。打个比方，就是可以在不动骨架（结构，XHMTL）和肌肉（行为，Javascript）的前提下，彻彻底底地换一身皮（表现，CSS）。当然，换皮之前你需要先按W3C标准建好你的网站，并且为它准备两套表现不一样的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在许多场合已经显得过时。WorldWideWebConsortium(W3C)于2000年6月26日发布了XHTML的第一个版本作为推荐标准。XHTML标准的目标是取代html。按照W3C的说法，XHTML是html的继承者(http://www.w3.org/MarkUp/)。 XHTML具有两大目标：在文档结构和表示形式之间创建更明显的分离。将html重新表示为XML的应用程序。 ...

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、推荐大家使用这个更好的方法： ...

查看更多精彩>>