gpt4 book ai didi

javascript - 显示一个div onload,延长1秒,然后淡出同一个div,淡入内容div

转载 作者:太空宇宙 更新时间:2023-11-04 14:40:49 24 4
gpt4 key购买 nike

我如何在页面加载时显示加载 gif,让它再显示 1 秒,然后在页面加载后 1 秒过去,相同的加载 gif 将淡出,主要#content 将淡入?

编辑:谢谢大家的回答,我成功了!这是最终产品:http://invisiblelabs.net/wf/

谢谢!

最佳答案

HTML:

<body>
<div id="divload">
<img src="loading.gif" />
</div>
<div id="divcontent" style="visible: none">
...
</div>
</body>

脚本:

$(function() {
$('#divload').delay(1000).fadeOut();
$('#divcontent').delay(1000).fadeIn();
});

首先,您的 gif 将可见,而内容不可见。页面加载完成并延迟 1 秒后,gif 将淡出,内容将淡入。

关于javascript - 显示一个div onload,延长1秒,然后淡出同一个div,淡入内容div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18352859/

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