製作您的載入畫面
載入中請稍後
隨著Blog的小玩意越加越多,大家的Blog就會有肥大的症狀,需要花比較多的時間才能載入完畢。
但又怕讀者沒耐心的時候,怎麼辦呢?我們可以做一個載入效果的畫面。
首先先創造一個Div的圖層,圖跟字都可以自己改。
這個Div圖層隨著你BSP的不同,放置方法也不同。別的BSP我不知道,但Blogger只要放在<head>裡面隨便一個地方就好。
上面的的style='postion:absolute的意思是該圖層的位置,而我設定距離右方和上方10px。
接著在Div圖層後加上這一段Javascript就好了。
你也可以在下面這個網站製作你的載入圖哦
http://www.ajaxload.info/
本文參考
http://blog.xuite.net/emisjerry/tech/11384659
隨著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
是先把圖片弄成動畫嗎..
回覆刪除??不懂您的意思。
回覆刪除阿倫兄請問一下,這個HACK套在我的BLOG裡,有時進入首頁會是亂碼,只要重新整理就OK了。或是進入單一文章閱讀,回到首頁又是亂碼。
回覆刪除請問是我BOLG的任何問題嗎?還是IE的關係呢?
我的語法
對不起喔,拿了你的變形金剛,沒辦法,它實在太討喜了,若是沒有變形金剛,那...製作載入畫面還有什麼意義呢?
多謝阿倫兄~