為了獲得更好的使用者體驗，現在大多數網頁都會在頁面中加乙個載入中效果，這裡實現乙個載入中逐漸消失的效果，以至於看上去不那麼生硬。
html:
<div
id="loading"
><
img
src="images/common/loading.gif"
alt=""
>
div>
css:
/*載入中*/
#loading#loading img
js:
給載入中效果預設opacity設為1，逐漸消失的效果則把opacity變為0，但是元素在頁面中不消失，這樣會影響頁面其他元素的點選使用，所以要把元素隱藏掉。
jquery頁面載入
jquery事件新增，全部採用現代事件新增方式，乙個事件可以繫結多個函式 jquery物件 dom轉化為jquery var obj document.getelementbyid div1 dom物件轉化為jquery var jq obj alert jq.html jquery轉為dom va...
jquery載入頁面的方法 頁面載入完成就執行
1 function 2 document ready function 3 window.onload function html 為點選，且頁面需要引用jquery的js檔案 一般的載入頁面時呼叫js方法如下 window.onload function 這段 會在整個頁面的document全部...
jQuery 頁面載入進度條
頁面 loading 條基本人人都會用。它的原理很簡單 在頁頭放置乙個文字或者的 loading 狀態，然後頁尾載入一段 js 隱藏掉，即根據瀏覽器的載入順序來實現的簡易 loading 狀態條。上圖展示了傳統 wordpress 模板在瀏覽器中的載入順序，loading 條的出現和消失分布於頭尾。...