Possible Duplicate:
Loading bar while script runs
嗨，我有一个包含大量图像的页面，我想知道是否有一种方法可以延迟这些图像的显示，直到整个页面加载完毕，就像加载栏一样，但是使用 jQuery？任何帮助将非常感谢。
最佳答案
当然，使用 jQuery 很容易做到这一点。使用 window.load 事件确定何时加载所有图像，然后显示内容:
HTML
<html>
<body>
<div id="loading"></div>
<div id="container">
<img src="http://www.playirishlottery.co.uk/wp-content/uploads/image-2.jpg"/>
</div>
</body>
</html>
jQuery
$(window).load(function() {
//show();
});
function show() {
$('#loading').hide();
$('#container').fadeIn();
};
setTimeout(show, 3000);
$(window).load(function() {
//show();
});
function show() {
$('#loading').hide();
$('#container').fadeIn();
};
setTimeout(show, 3000);
在上面的示例中，我使用 setTimeout 进行演示。实际上，您可以删除它并取消注释 .load 函数中的 show()
fiddle : http://jsfiddle.net/xM6v9/
关于jquery - 页面加载栏直到整个页面加载完毕？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/5970289/