用jquery實現頁面loading的效果,即 當頁面載入完

時間 2021-07-08 22:16:22

1樓:

呵呵,一個載入的問題要考慮搜尋的話原來就這麼麻煩了。 .....給搜尋蜘蛛看的純html....

這裡面的內容是整個實際頁面的html嗎?是的話,那這個loading頁面本身載入就很笨重了,還不如直接跳到真實頁面呢。 哎,可惜我不太懂搜尋,悲劇。

請指教----為什麼要用絕對定位覆蓋的方法來隱藏。直接把這一層display:none的話蜘蛛也會看不到嗎?

2樓:匿名使用者

剛好我做了一個, 可以任意定製

/* html */

/* css */

#progressbar

/* js / jquery*/

function progress(t0,t1)}}

//以下是測試函式, 執行 test(0) 就可以看到效果

function test(i)

}說明: 載入的過程中呼叫progress(), t0是當前進度, t1是總進度. 如果是頁面載入的話用有onload事件的html標籤如, , 等等來呼叫progress()

如果你用css3結合ie的css濾鏡來做連**都可以免了

*************************====

感謝樓下說出了我忘記說的重點. 沒錯, 關鍵在於ajax. 我是在做後臺生成頁面的部分連續用到幾個ajax, 然後用這個方法表示網頁生成進度的.

但前臺網頁還是用這個方法的話就會有問題. 相當嚴重的問題. 搜尋蜘蛛是看不到你用ajax載入的內容的

當然, 也有不需要被搜尋引擎收錄的情況.....

如果是前臺的話,我想這樣寫可以解決

.....給搜尋蜘蛛看的純html....

//載入進度條, 用絕對定位把這一層蓋滿全屏, 讓人看不到下面的東西

//真正給人看的內容, 通過ajax載入到這個層裡. 載入完成後remove掉 和

就看樓主能不能理解了.....

3樓:wwwz時代

常規的解決辦法還是用ajax比較好。大概是這樣的。

需要兩個頁面。

1.一個是實際頁面本身

2.另一個是一個空白頁面放一張loading**先請求第2個頁面,在這個頁面中放一段ajax請求第1個頁面,在success函式裡將頁面內容輸出,並將loading**隱藏掉。

4樓:

很簡單,就兩步。

1.把loading進度條的gif**放到div內,並設定好位置及內容等等的css樣式。(不要隱藏哦,頁面在載入時就會顯示)

2.在jquery的$函式中放這**就行了, $(".loading").hide();//隱藏class="loading"的物件,如下:

你可用gif**作為div的背景,也可把gif**直接放在**中。

從數值0%開始在指定div裡快速的顯示到100%,我想做那種進度條的過度效果,不知道如何用js或jquery實現?

5樓:匿名使用者

已按你的要求修改,現在不是進度條,而是跑表!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!%

6樓:匿名使用者

yanzilisan183 遞迴方法很好。就是不能傳參(我要0~88)呢。

7樓:

自己修改裡面的50%為你需要的吧。

8樓:匿名使用者

function doit(id, start, end),100)}

}doit('s1', 0, 10);

如何用jquery實現頁面滾動到指定位置後觸發事件的

window scroll function 佳妤婷小 scrollbottomtest function 怎樣用jquery實現當滑鼠停留在某區域3秒後執行方法 onmouseenter事件記錄時間 var timer null div hover function 3000 function 可...

jquery用aja獲取資料後在頁面然到確定後臺已

jquery用ajax獲取資料後在頁面取不到,確定後臺已經傳資料過來了是設定錯誤造成的,解決方法為 1 開啟hbuilderx工具,建立web專案,新建靜態頁面ajax.html。2 開啟已新建的ajax.html檔案,引入jquery檔案並修改title標籤內容。3 在標籤中,插入一個div標籤,...

如何用jquery實現獲取checkbox選中的那一行的in

思路 通過 checked 篩選 checkbox 選中項,然後進行遍歷,利用節點關係獲取到input物件,最後使用val 方法獲取input的內容。例項演示如下 1 html結構 2 jquery function get join alert str 3 效果演示 checkbox checke...