您现在的位置： 理想中国 > 教程 > 网页设计 > WEB标准 > 正文

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

[ 来源:理想中国 | 作者:编辑整理 | 时间:2008-9-1 9:52:28 | 收藏本文 ] 【字体：小 大】

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

文章录入：yixiaoer    责任编辑：yixiaoer 
[字体：小 大]【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】

>> 相关资讯：

  • 上一篇文章：
  • 下一篇文章：
    • 发表评论
    请自觉遵守互联网相关政策法规，不要恶意评论、广告和违禁词语。
    昵称：
    内容：
    验证：
      评论表情(图片版权归悠嘻猴作者所有)



    我要评论网友评论[只显示最新10条。评论内容只代表网友观点，与本站立场无关]

    ·用户发表意见仅代表其个人意见，并且承担一切因发表内容引起的纠纷和责任
    ·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
    ·请客观的评价您所看到的资讯，提倡就事论事，杜绝漫骂和人身攻击等不文明行为
    ·此图片和文章系本站搜索引擎全网蜘蛛程序自动抓取，由此图片和文章引起的各项法律问题，请与图片来源网站联系，本站与内容的出处无关。
    内容搜索
    文章 下载 图片
    热门搜索 百度 谷歌 流量 网站 广告 域名 站长 联盟 Alexa 优化 访谈 免费
    相关文章
    推荐文章
    更多

    热点资讯
    更多