在淡入主要内容之前显示一个小的闪屏

Question

请参阅此网站here

有一个小小的褪色，淡出了页面。

这个动画是如何完成的？

你能使用jQuery fadein和fadeout吗？也许这样的事情？那么只需要启动z-index:500？

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


$( document ).ready(function() {

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

    });
});

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