• Register

ASP与JS根据时段切换CSS皮肤

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

一、采用服务端的代码。ASP版本:

vb 代码
 
  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. "/>

二、采用JavaScript代码

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. </script>

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

 

版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/50.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

发表评论 

我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册