Jquery 在淡入主要内容之前，展示一个小的启动屏幕

请访问此网站

有一个小水花逐渐消失，露出页面

这个动画到底是如何制作的

您可以只使用jQuery

fadein

和

fadeout

？也许是这样的？那就让splash

z-index:500

<div id="splash"></div>
<div id="bodycontainer" style="display: none"></div>


$( document ).ready(function() {

    $('#splash').fadeOut('fast', function(){
        $('#bodycontainer').fadeIn('fast');

    });
});

$（文档）.ready（函数（）{
$（'#splash'）.fadeOut（'fast'，function（）{
$（“#bodycontainer”）.fadeIn（'fast'）；
});
});

---

我很乐意在这里提供一些指导。

为什么不创建一个固定位置的div（例如，您创建的飞溅元素），在身体打开后100%的高度和宽度，具有更高的z指数以及您想要的内部内容。然后在窗口加载时，您设置了2秒的超时时间，并将其淡出，除非您在后台加载内容时确实需要隐藏页面，请不要执行此操作；我讨厌网站上的“闪屏”，我肯定我不是唯一一个。。。