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

1270388047

1270388047

2016-02-19 16:52

下面是个自动按时段切换网页的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
% " /
展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

分时段切换CSS(JavaScriptASPPHP)

Web开发
分时段切换CSS(JavaScriptASPPHP)

根据时间段自动切换CSS风格

Web开发
根据时间段自动切换CSS风格

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

网页风格化 用CSS实现皮肤适时切换

Web开发
网页风格化 用CSS实现皮肤适时切换

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

Html CSS布局 Div+CSS XHTML
实时切换网页的CSS样式实现

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

优盘装系统问题小结

优盘装系统问题小结

XML 编程思想:XML和语义:XML 会兑现其承诺吗?

XML 编程思想:XML和语义:XML 会兑现其承诺吗?
下拉加载更多内容 ↓