您的位置：首页 → 网页设计 → 经验技巧 → 教你写ASP、PHP与javascript分时段切换CSS皮肤的代码

教你写ASP、PHP与javascript分时段切换CSS皮肤的代码

时间：2008/9/10 9:02:00来源：本站整理作者：我要评论(0)

一个网站能切换不同的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 (thehour<12)              display = "morning.css";          else if (thehour<17)              display = "day.css";          else              display = "night.css";          //（…想要更多再加即可…）          var css = ‘<’;          css+=’link rel="stylesheet" href=’+display+’ \/’;          css+=’>’;          document.write(css);      }  –>  </script>

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

相关阅读 个性化jQuery和CSS3菜单源码CSS实现Tab技巧CSS复位-CSS Reset代码举例IE6绝对定位的bug及其解决办法CSS样式表创建美妙绝伦的网站几个最常用和实用的CSS技巧将网站（主页）变成黑白DW设计网页时组织CSS的建议

文章评论

查看所有0条评论>>

发表评论

我来说两句...

提交评论