..loading
子曰:勿以惡小而不為: 製作您的載入畫面

2007年7月23日

製作您的載入畫面


載入中請稍後

隨著Blog的小玩意越加越多,大家的Blog就會有肥大的症狀,需要花比較多的時間才能載入完畢。
但又怕讀者沒耐心的時候,怎麼辦呢?我們可以做一個載入效果的畫面。

首先先創造一個Div的圖層,圖跟字都可以自己改。
這個Div圖層隨著你BSP的不同,放置方法也不同。別的BSP我不知道,但Blogger只要放在<head>裡面隨便一個地方就好。
<div align='left' id='divLoading' style='position:absolute;top:10px;right:10px;font-size:11pt'>
<img src='http://您圖片網址'/>你想囉嗦的話<img src='http://您圖片的網址'/></div>

上面的的style='postion:absolute的意思是該圖層的位置,而我設定距離右方和上方10px。
接著在Div圖層後加上這一段Javascript就好了。
<script>
function init( ) {
_oTag = document.getElementById("divLoading");

_oTag.style.display = "none" // hide it.
}

if (window.attachEvent) {

window.attachEvent('onload', init);
} else {
window.addEventListener('load', init, false);

}
</script>






你也可以在下面這個網站製作你的載入圖哦
http://www.ajaxload.info/

本文參考
http://blog.xuite.net/emisjerry/tech/11384659



http://ooxxoox.blogspot.com/2007/07/blog-post_23.html

分類標籤:

No comments yet

 
©2007 neoTrueColours by HuiJung and NauticA | Neo Function by Ramani