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

2021-07-08 22:16:39 字數 1799 閱讀 3607

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();//隱藏的物件,如下:

你可用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在div中載入頁面

看看瀏覽器報什麼錯了。下面這個例子是可內以的。容doctype html 使用jquery中的load事件。load事件可以載入遠端 html 檔案 並插入至 dom 中。預設使用 get 方式 傳遞附加參版數時自動轉權換為 post 方式。引數url,data,callback url 待裝入 h...

jquery怎麼重新整理頁面

常見的有以下幾種 get方法,post方法,getjson方法,ajax方法如下 前兩種使用方法基本上一樣 getscript方法 getjson只是返回的資料型別不一樣 ge.get default.php function data ajax 這個方法估計用的人很多吧。不過我不太喜歡用這個。個人...

jquery怎麼載入html頁面到我指定的div裡面

一 jquery載入一個html頁面到指定的div裡把a.html裡面的某一部份的內容載入到b.html的一個div裡。比如 載入a.html裡面的 這個div裡面的所有內容載入到b.html的這個div裡用jquery ajax 可以實現假設 a.html 和b.html在同一目錄b.html二 ...