DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> DIV十CSS布局 >> 布局實例 >> 根據時段自動切換網站的CSS風格
根據時段自動切換網站的CSS風格
編輯:布局實例     

 網站能切換幾套CSS風格早已不是什麼新鮮事了。大家也都知道怎麼去弄。本文介紹的同樣是切換風格。不過做了點小小的調整。站點會根據當時的時間自動調整站點風格。作者為站點制作了早上、下午、夜晚三套皮膚,主要是分別制作了背景。12點以前系統會使用早上的皮膚,過了12點,站點會自動替換成下午的風格,5點後則替換成夜晚的風格。

  主要的功能實現是靠在頭部的這段判斷代碼,很容易理解。有興趣可以自己試試。

<link rel="stylesheet" type="text/css"
href="<?php $hour = date("H"); if ($hour < 12) echo "morning.css"; elseif ($hour < 17) echo "day.css"; else echo "night.css"; ?>
" />


ASP版代碼如下:

<link rel="stylesheet" type="text/css" href="<%
if hour(now)<12 then
  response.write "a.css"
else
  if hour(now)<17 then
    response.write "b.css"
  else
    response.write "c.css"
  end if
end if
%> " />
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved