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

前端设计 更新于 热度(8081)

一个网站能切换不同的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. –> 
  21. </script>

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

 

声明：本站所有文章，如无特殊说明或标注，均为本站YangJunwei原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。本文链接https://yangjunwei.com/50.html

上一篇

下一篇

相关文章