gpt4 book ai didi

jquery - 隐藏页面,直到全部加载完毕

转载 作者:行者123 更新时间:2023-12-01 06:19:53 25 4
gpt4 key购买 nike

Possible Duplicate:
How can I make the browser wait to display the page until it's fully loaded?

我有一个简单的网站,我想将其打开 X 毫秒,然后再确定它已全部加载(例如图像)。有没有办法一次性将其扩展到整个页面?

我已经有一些淡入淡出来打开网站的各个 div,但我希望淡入淡出仅在页面等待“加载”设置的 X 毫秒后发生。

谢谢。

最佳答案

jQuery

<body>
<div id="msg" style="font-size:largest;">
<!-- you can set whatever style you want on this -->
Loading, please wait...
</div>
<div id="body" style="display:none;">
<!-- everything else -->
</div>
<script type="text/javascript">
$(document).ready(function() {
$('#body').show();
$('#msg').hide();
});
</script>
</body>

<script type="text/javascript">
$('#container').css('opacity', 0);
$(window).load(function() {
$('#container').css('opacity', 1);
});
</script>

紧接着您的标签添加类似这样的内容...

 <style> body  {opacity:0;}</style>

首先添加一些内容,例如...

 <script>
window.onload = function() {setTimeout(function(){document.body.style.opacity="100";},500);};
</script>

所有这些答案均来自How can I make the browser wait to display the page until it's fully loaded?

关于jquery - 隐藏页面,直到全部加载完毕,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12671842/

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