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

呼声网总监

呼声网总监

2016-02-19 19:42

get新技能是需要付出行动的,即使看得再多也还是要动手试一试。今天图老师小编跟大家分享的是ASP、PHP与javascript根据时段切换CSS皮肤的代码,一起来学习了解下吧!

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

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  一个网站能切换不同的CSS风格大家应该都了解,像众所周知的腾讯在今年改版时也增加了切换皮肤的功能。根据时间自动调整站点风格是不错的想法,这种根据时间自动调整站点风格也不是什么新鲜事,记得好久以前也见过类似的文章或方法,只不过当时没有特别注意。下面说一下它们的实现方法,目前网上有这样两种实现方法:

  一、采用服务端的代码

  ASP版本:

link rel="stylesheet" type="text/css" href="
%
  if hour(now)12 then
     response.write "morning.css"
  elseif hour(now)17 then
    response.write "day.css"
   else
    response.write "night.css"
   end if
%
"/

  PHP版本:

link rel="stylesheet" type="text/css" href="
?php
  $hour = date(”H”);
  if($hour 12)
    echo ‘morning.css’;
  else if($hour 17)
    echo ‘day.css’;
  else
    echo ‘night.css’;

" / 

  二、采用JavaScript代码

script type="text/javascript"
!–
  function getCSS(){
    datetoday = new Date();
    timenow=datetoday.getTime();
    datetoday.setTime(timenow);
    thehour = datetoday.getHours();
    if (thehour12)
      display = "morning.css";
    else if (thehour17)
      display = "day.css";
    else
      display = "night.css";
    //(…想要更多再加即可…)
    var css = ‘’;
    css+=’link rel="stylesheet" href=’+display+’ /’;
    css+=’’;
    document.write(css);
  }

/script

  考虑到客户端可能不支持或者禁止JavaScript,你需要设置一种默认的CSS。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)
展开更多 50%)
分享

猜你喜欢

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

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

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

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

s8lol主宰符文怎么配

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

分时段切换CSS(JavaScriptASPPHP)

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

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

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

lol偷钱流符文搭配推荐

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

Asp.Net下通过切换CSS换皮肤

Web开发
Asp.Net下通过切换CSS换皮肤

CSS JavaScript php的书写规则

Web开发
CSS JavaScript php的书写规则

lolAD刺客新符文搭配推荐

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

CSS样式表实现效果很好的分页效果源代码

CSS样式表实现效果很好的分页效果源代码

如何同步MAC OS X与Windows的时间

如何同步MAC OS X与Windows的时间
下拉加载更多内容 ↓