根據時段自動切換你的網站CSS風格

來源:互聯網
上載者:User

網站能切換幾套CSS風格早已不是什麼新鮮事了。大家也都知道怎麼去弄。早上發現一個有意思得網站 http://www.leemunroe.com/
&oSX%d7FF0  同樣是切換風格。不過他做了點小小的調整。網站會根據當時的時間自動調整網站風格。作者為網站製作了早上、下午、夜晚三套皮膚,主要是分別製作了背景。12點以前系統會使用早上的皮膚,過了12點,網站會自動替換成下午的風格,5點後則替換成夜晚的風格。

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

CSS版代碼如下: 閃吧新社區Lx"FgVtCd A

!UV l S;g6N;p'w)@0<link rel="stylesheet" type="text/css"
;ys"xm5T_4]#Hp0href="<?php $hour = date("H"); if ($hour < 12) echo "morning.css"; elseif ($hour < 17) echo "day.css"; else echo "night.css"; ?>閃吧新社區7|yXz4DdSu
" />

ASP版代碼如下:

<link rel="stylesheet" type="text/css" href="<%
!lCGn:Uy sg0if hour(now)<12 then 閃吧新社區$yh0cA i8
  response.write "a.css"
([0|{m]H5@0else
9}3N ]7j-}#d0  if hour(now)<17 then
tPX!J(?h0    response.write "b.css"閃吧新社區DU:y1T C7L5v4D{3?_
  else閃吧新社區6w A4Im9S0q)m+w1?j
    response.write "c.css"
B/ZafC9Mp0  end if閃吧新社區_V:oMs V@r*z
end if閃吧新社區H&]w*nQ^|+X'V:^ I
%> " />
 
 
 
相關文章

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.