Question

如果页面加载速度不够快，我的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);  
});

是否有任何更改以获取页面加载延迟以检查scipt是否正常？

Answer 1

您可以使用Fiddler来降低服务器的响应速度（或使用断点延迟响应）来测试此功能。

我可能会建议您不要这样做。将其留给浏览器，以便在代码加载时向用户显示内容。作为用户，在开始阅读之前，我经常不会等待您的页面加载。当你的叠加层消失时，我也不在乎等待一整秒。

Answer 2

而不是.load使用.ready，就像这样：

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

在DOM完全加载时执行.ready函数。

Greatings。

在离线html页面上加载延迟

2 个答案: