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

2016-02-19 23:14 14 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐根据时段自动切换网站的CSS风格,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)  网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点 http://www.leemunroe.com/
  同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。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.leemunroe.com/

来源:http://www.tulaoshi.com/n/20160219/1629487.html

延伸阅读
标签: Web开发
css自动换行有什么技巧?大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法!  对于div  1.(IE浏览器)white-space:normal; word-brea...
标签: Web开发
样式与数据分离所带来的不只是符合标准这样的简单,样式既然与数据分离那么样式的切换则变得理所当然的了!但是网上这样的中文教程实在是太少了!收集了一部分中外网站已经实现的技术资料整理出来供网友参考。 首先要具备不同内容的CSS文件(最好每个文件代表一种样式,或是代表需要作出变动的部分)。这里以三个为例: 第一个...
    用W3C标准建造的网站,从理论上来说可以做到完全的表现与结构相分离。打个比方,就是可以在不动骨架(结构,XHMTL)和肌肉(行为,Javascript)的前提下,彻彻底底地换一身皮(表现,CSS)。      当然,换皮之前你需要先按W3C标准建好你的网站,并且为它准备两套表现不一样的CSS。“换皮”实质上就是...
标签: Web开发
用户界面 输入URL然后它会抓出其中的颜色并用16进制表示。 使用CSS和一个图片创建出一个翻转按钮的样式。 6个CSS页面布局模板,包括颜色、标题等。 2栏和3栏的CSS布局框架 2、3、 4栏的CSS布局框架 输入页宽、栏数和padding,它会自动生成CSS和HTML的布局框架。 上提供的那些布局模板 各种免费的完整页面模板 更多的模版资源 ...
标签: Web开发
在如今的网页设计中,Tab标签切换的应用已经是非常的广泛,基本在每个网站中都有这样的效果被应用到前台的设计中去,来完成之前无法完成的任务。所以, Tab标签 的设计也就成了一个不可小觑的工作流程,在浏览一个网站时,看到了他们的 Tab标签制作 的导航菜单效果,但却是没有达到该有的效果,反而增加了用户浏览的困惑,该站的 Tab标签 效...

经验教程

257

收藏

50
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部