techsir 登陆 |注册|TS首页
  首页 快活林 猿氏悟语

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

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

一、采用服务端的代码

ASP版本:


  1. <link rel="stylesheet" type="text/css" href="
  2. <%
  3.     if hour(now)<12 then
  4.           response.write "morning.css"
  5.     elseif hour(now)<17 then
  6.         response.write "day.css"
  7.       else
  8.         response.write "night.css"
  9.       end if
  10. %>
  11. "/>
复制代码
PHP版本:


  1. <link rel="stylesheet" type="text/css" href="
  2. <?php
  3.     $hour = date(”H”);
  4.     if($hour < 12)
  5.         echo ‘morning.css’;
  6.     else if($hour < 17)
  7.         echo ‘day.css’;
  8.     else
  9.         echo ‘night.css’;
  10. ?>
  11. " />  
复制代码
二、采用JavaScript代码

  1. <script type="text/javascript">
  2. <!–
  3.     function getCSS(){
  4.         datetoday = new Date();
  5.         timenow=datetoday.getTime();
  6.         datetoday.setTime(timenow);
  7.         thehour = datetoday.getHours();
  8.         if (thehour<12)
  9.             display = "morning.css";
  10.         else if (thehour<17)
  11.             display = "day.css";
  12.         else
  13.             display = "night.css";
  14.         //(…想要更多再加即可…)
  15.         var css = ‘<’;
  16.         css+=’link rel="stylesheet" href=’+display+’ \/’;
  17.         css+=’>’;
  18.         document.write(css);
  19.     }
  20. –>
  21. </script>
复制代码
考虑到客户端可能不支持或者禁止JavaScript,你需要设置一种默认的CSS。
6011次点击
0个回复  |  直到 2008-9-5 11:44:21
添加一条新回复
您需要登录后才可以回帖 登录 | 成为会员 新浪微博登陆

标签云|手机版|科技先生 ( 京ICP备07036130号 Powered by Discuz! X )

GMT+8, 2024-5-25 13:28