自动按时段切换网页的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"; ?>
" />
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
%> " />

时间: 2024-08-26 04:24:57

自动按时段切换网页的CSS风格的相关文章

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

网站能切换几套CSS风格早已不是什么新鲜事了.大家也都知道怎么去弄.本文介绍的同样是切换风格.不过做了点小小的调整.站点会根据当时的时间自动调整站点风格.作者为站点制作了早上.下午.夜晚三套皮肤,主要是分别制作了背景.12点以前系统会使用早上的皮肤,过了12点,站点会自动替换成下午的风格,5点后则替换成夜晚的风格. 主要的功能实现是靠在头部的这段判断代码,很容易理解.有兴趣可以自己试试. <link rel="stylesheet" type="text/css&quo

实时切换网页的CSS样式实现

css|网页 实时切换CSS样式 用W3C标准建造的网站,从理论上来说可以做到完全的表现与结构相分离.打个比方,就是可以在不动骨架(结构,XHMTL)和肌肉(行为,Javascript)的前提下,彻彻底底地换一身皮(表现,CSS). 当然,换皮之前你需要先按W3C标准建好你的网站,并且为它准备两套表现不一样的CSS."换皮"实质上就是"换CSS",我们要做的,只是用某种方法让浏览器载入另一套CSS,重新渲染页面.方法有很多种,我就介绍最常见的三种. 方法一:什么也不

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

网站能切换几套CSS风格早已不是什么新鲜事了.大家也都知道怎么去弄.早上发现一个有意思得站点 http://www.leemunroe.com/ &oSX%d7FF0 同样是切换风格.不过他做了点小小的调整.站点会根据当时的时间自动调整站点风格.作者为站点制作了早上.下午.夜晚三套皮肤,主要是分别制作了背景.12点以前系统会使用早上的皮肤,过了12点,站点会自动替换成下午的风格,5点后则替换成夜晚的风格. 主要的功能实现是靠在头部的这段判断代码,很容易理解.有兴趣可以自己试试. CSS版代码如下

ASP、PHP根据时段切换CSS皮肤的代码的两种方法

一个网站能切换不同的CSS风格大家应该都了解,像众所周知的腾讯在今年改版时也增加了切换皮肤的功能.根据时间自动调整站点风格是不错的想法,这种根据时间自动调整站点风格也不是什么新鲜事,记得好久以前也见过类似的文章或方法,只不过当时没有特别注意.下面说一下它们的实现方法,目前网上有这样两种实现方法: 一.采用服务端的代码 ASP版本: <link rel="stylesheet" type="text/css" href=" <% if hour(

ASP、PHP与javascript根据时段切换CSS皮肤的代码

一个网站能切换不同的CSS风格大家应该都了解,像众所周知的腾讯在今年改版时也增加了切换皮肤的功能.根据时间自动调整站点风格是不错的想法,这种根据时间自动调整站点风格也不是什么新鲜事,记得好久以前也见过类似的文章或方法,只不过当时没有特别注意.下面说一下它们的实现方法,目前网上有这样两种实现方法: 一.采用服务端的代码 ASP版本: <link rel="stylesheet" type="text/css" href=" <% if hour(

用CSS风格的文本和图形构建网页实用按钮

css|按钮|图形|网页 在一个具有图形背景的按钮中添加CSS风格的文本,这种建立按钮的方法结合了具有CSS翻滚(CSS rollover)标记的开发速度和效率,从而有效地提高按钮外表图像的三维效果.  相比于常规的图形按钮,这些图形/CSS混合按钮可易于建立和载入,因为你只需要为空白按钮外面建立和载入一个图像,而不是为每一个按钮建立各自的图像. 同一个图像可以使用在网页所有按钮的背景.按钮的文本标签都是简单的CSS风格文本. 预先载入的图形/CSS混合风格的为数不多问题之一是对翻滚效果有所限制

css3制作网页实例:点击切换不同的CSS列表

文章简介:css3制作网页实例:点击切换不同的CSS列表. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><met

用CSS和JS实现网页的多种风格的设置

css|js|网页 本站原创内容,转载请注明出处网页教学网. 大家都见过好多网页可以实现多种风格的显示,比如动网论坛等等,而且好多网站都 设置多种风格,方便用户按照自己的设置风格来浏览你的网站. 实现的方法我在这里不做讨论.今天我给大家介绍一种特简单的方法,用CSS+JS简单 方法就可以实现网页的多种风格显示. 本教程提供的方法希望对大家做主页的时候有用. 我认为这是一种最好的实现方法了,如果大家还有其他简单的方法可以和我讨论.QQ :76312395 网站:http://www.webjx.c

jquery实现可自动收缩的TAB网页选项卡代码_jquery

本文实例讲述了jquery实现可自动收缩的TAB网页选项卡代码.分享给大家供大家参考.具体如下: 这是一款可自动收缩的TAB选项卡网页代码,当把鼠标放在标签上的时候,标签所属的内容自动展开,鼠标移走或移到其它标签的时候,选项卡自动收缩隐藏起来,第二个选项卡伸展开来,动画效果挺流畅,不错的网页特效. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-hidden-show-tab-cha-nav-menu-codes/ 具体代码如下: