Question

我想在加载整个页面的内容之前显示加载图像。怎么做到这一点？我在ASP.NET工作。

谢谢。 NLV

Answer 1

您需要使用Javascript来完成此操作。我的偏好是jQuery。 jQuery有一个在页面完全加载时执行的函数，因此您可以将主内容div设置为具有css属性display：none，然后当DOM准备就绪时，您可以使用jQuery来显示内容：

$(document).ready(function() {
    $("#myContent").css("display", "block");
});

Answer 2

您最初应该在HTML中显示图片，然后在页面加载时隐藏它，如下所示：

使用Javascript：

window.onload = function() {
    document.getElementById('loadingImageIDHere').style.display = 'none';
};

编辑：OP将此问题标记为'javascript'，而不是'jquery'!!

Answer 3

我个人的偏好是预先在每个页面上显示加载图像，然后在页面加载后使用jQuery隐藏图像。您是否要使用$(document).ready或$(window).load。

取决于您

// assumes you already have a DIV#preloader container on your page centered with a loading image inside 
// of it
$(document).ready(function() {
    $("#preloader").hide();
});

$(window).load(function() {
    $("#preloader").hide();
});

在页面完全加载之前显示加载图像

3 个答案: