2012-03-30 137 views
0

如果頁面加載速度不夠快,我的html頁面上會出現重疊延遲。在離線html頁面加載延遲

HTML

<div class="loading" style="display: none; "></div> 

CSS

.loading { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    z-index: 100000; 
    background: url(../img/loading.gif) no-repeat center center white; 
} 

腳本

jQuery(window).load(function() { 
//Image Hover Efect 
jQuery(".loading").fadeOut(1000); 
}); 

任何變化獲得頁面加載延遲到檢查素文字是好的?

回答

0

而是.load的使用。就緒,像這樣:當DOM完全加載執行

jQuery(document).ready(function() { 
    //Image Hover Efect 
    jQuery(".loading").fadeOut('fast'); 
}); 

的.ready函數。

Greatings。

+0

DOM正在加載時顯示覆蓋圖...將無法在DOM準備就緒時執行它 – 2012-03-30 19:02:18

+1

該想法顯示頁面加載時的覆蓋圖。完成後,隱藏覆蓋圖。默認情況下,疊加顯示...因此,當頁面加載完成時,我們必須隱藏疊加層。 – 2012-03-30 19:49:22

0

您可以使用Fiddler來減慢服務器的響應速度(或使用斷點延遲)來測試此功能。

我可能會建議以爲你不這樣做。在代碼加載時將其留給瀏覽器以顯示用戶的內容。作爲用戶,我開始閱讀之前經常不會等待您的頁面加載。我也不在乎等待一整秒,而你的覆蓋消失。