製作您的載入畫面

載入中請稍後

隨著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

留言

  1. 是先把圖片弄成動畫嗎..

    回覆刪除
  2. 阿倫兄請問一下,這個HACK套在我的BLOG裡,有時進入首頁會是亂碼,只要重新整理就OK了。或是進入單一文章閱讀,回到首頁又是亂碼。

    請問是我BOLG的任何問題嗎?還是IE的關係呢?

    我的語法

    對不起喔,拿了你的變形金剛,沒辦法,它實在太討喜了,若是沒有變形金剛,那...製作載入畫面還有什麼意義呢?

    多謝阿倫兄~

    回覆刪除

張貼留言

嗯嗯。

熱門文章