gpt4 book ai didi

jquery - 页面加载栏直到整个页面加载完毕?

转载 作者:行者123 更新时间:2023-12-03 22:56:56 27 4
gpt4 key购买 nike

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);

在上面的示例中,我使用 setTimeout 进行演示。实际上,您可以删除它并取消注释 .load 函数中的 show()

fiddle : http://jsfiddle.net/xM6v9/

关于jquery - 页面加载栏直到整个页面加载完毕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5970289/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com