網誌背景日夜交替

研究了好久終於成功了！！

搞這個script搞了一整天，明明只有短短的幾行而已= =。

##CONTINUE##

眼尖的網友應該有發現早上和晚上的背景會不一樣
就是這個的元素的功能!!



把下面這個CODE貼在JAVAScript的網頁元素內就可以了


<!-- title背景日夜切換 start-->
<script language="JavaScript">

Stamp = new Date();

var Hours;
//var Minute;
//var Second;

//取得時間資料
Hours = Stamp.getHours();

//CSS抬頭
document.write('<style type="text/css">');

//判斷日夜
if (Hours >= 6 && Hours < 18)
{
//載入晝背景圖片
document.write('#header-inner {background: url("http://sites.google.com/site/hayden0828/blog/index_d.jpg") right 50%;}');
}
else
{
//載入夜背景圖片
document.write('#header-inner {background: url("http://sites.google.com/site/hayden0828/blog/index_n.jpg") right 50%;}');
}

document.write('</style>');

</script>
<!-- title背景日夜切換 end-->


我其實完全對JAVA外行,
程式碼也是參考很多範例而隨意拼湊出來的。
其實應該對毛玻璃上字的顏色也要同時作變色才對。

至於怎麼製作毛玻璃的效果能參考這篇。


如果有更好的寫法希望能告訴我。