手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >自动按时段切换网页的CSS风格
自动按时段切换网页的CSS风格
摘要:站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点以前系统会使用早上的皮肤,过了1...

站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。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风格】相关文章:

5种方法立刻写出更好的CSS代码

CSS盒模型制定网页的宽度和高度的原理

利用css控制网页的左右排列

css实现鼠标悬停时滑出层提示的方法

CSS实现Table单元格自动换行或不换行

让网站变灰的css代码

表格边框以虚线显示的css样式

CSS控制用户浏览网页的光标

用CSS自定义滚动条的样式

CSS如何控制网页背景

精品推荐
分类导航