div+css

当前位置：地方网站工作室 >> 网络技术 >> div+css >> 浏览文章

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

文章来源：中国站长网　　文章作者：编辑整理　　日期：2008年10月02日
一个网站能切换不同的CSS风格大家应该都了解，像众所周知的腾讯在今年改版时也增加了切换皮肤的功能。根据时间自动调整站点风格是不错的想法，这种根据时间自动调整站点风格也不是什么新鲜事，记得好久以前也见过类似

一个网站能切换不同的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。

追求卓越 精心缔造 菏泽网站建设 地方网络工作室
上一篇：DIV+CSS网页布局常用的一些基础知识整理
下一篇：DIV CSS实例橙蓝互换的CSS翻页效果
相关文章

我们能为菏泽企业做什么？

菏泽企业网站建设
DIV+CSS布局技术、底层SEO规划设计、菏泽地方网络工作室为您提供优质网站建设服务！
SEO网站推广策划
菏泽唯一SEOwhy认证的SEOER，全面的SEO推广方案，为您量身定制SEO网站推广策划！
国内顶级服务器
新网互联、中国频道、美国主机、韩国主机、地方网络工作室只提供最优质的服务器主机！
《书生商友》商机群发软件
Booksir，一步到位彻底解决中小企业网络整合营销的书生商友营销引擎!

公告

怎么联系我们？

手机：18651363941
地址：由于菏泽生存压力巨大，本人现未居菏泽，在北京就值。如有业务需要，请直接电联。
联系人：刘峰　高娜
QQ：61572536
微信：61572536
邮箱：guf521@163.com

服务宗旨

因为执着　所以专业　追求卓越　精心缔造
售后为先　宁得罪新客户　　不拖拉老客户
诚信为本　新互顶级域名空间　　畅爽速度