讀取網站資料時出現「頁面正在載入中 ...」滾動條框

作者: beau   日期: 2008-11-21 14:56:01   閱讀: http://past.beau.tw/index.php?load=read&id=158
open_img(attachments/200811/4686544608.jpg)天我們的部落格,在讀取網站資料時,會出現「頁面正在載入中 ...」滾動條框,其實這個方法在前年原木的「遠離塵囂の原木」部落格中就有在使用,這是利用 JavaScript + CSS 作出的效果,所以任何形式的網頁都可以喔。

  當然,如果是部落格的話,通常是修改「header」「head」檔案,方法其實很簡單,修改步驟如下:

第一步:請先在<head></head>裡加入以下的程式碼:


第二步:將 <body> 修改成 <body onload="remove_loading()">

第三步:在裡面加入以下的程式碼:



  以上在讀取網站資料時,就會出現「頁面正在載入中 ...」的滾動條框嚕,很簡單吧。

【轉自原木2006年至2007年遠離塵囂の原木部落格文章】