根据时段切换CSS皮肤的ASP代码

  asp、php与javascript根据时段切换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。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值