gpt4 book ai didi

加载页面内容时Jquery淡入淡出

转载 作者:行者123 更新时间:2023-11-28 10:58:07 25 4
gpt4 key购买 nike

我想在 jquery 中创建一个效果,在显示任何内容之前等待页面的每个元素都完成加载。同样的效果做了here .

如您所见,当您加载或刷新页面时,会出现背景色,当所有内容加载完毕后,jquery 会淡入。我的网站是:http://www.vitaminjdesign.com

关于如何做到这一点有什么想法吗?

最佳答案

执行此操作的最佳方法(顺便说一下,这与 Zaum 网站使用的方法相同)是创建一个覆盖整个可见 Canvas 的 div,并在页面完全加载后淡出 OUT。这是代码:

#mask {
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:red;
z-index:99;
}

和 HTML:

<HTML>
<HEAD>
<TITLE>Mask Example</TITLE>
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<SCRIPT type="text/javascript">
$(window).load(function () {
$('#mask').fadeOut('slow');
});
</SCRIPT>
</HEAD>
<BODY>
<P>Some text goes here</P>
<IMG src="http://spaceflight.nasa.gov/gallery/images/shuttle/sts-119/hires/s119e008352.jpg" />
<P>And moar text!!</P>
<DIV id="mask"></DIV>
</BODY>
</HTML>

乱用 body opacity 通常被认为是不好的做法,某些浏览器可能不完全支持。

关于加载页面内容时Jquery淡入淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2178336/

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