ASP、PHP根據時段切換CSS皮膚的代碼的兩種方法

來源:互聯網
上載者:User
一個網站能切換不同的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
 



聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.