图像在着陆时淡出

Question

我想在用户访问网站时显示全屏图像，然后在延迟后淡出并显示网站。我知道这可以通过jQuery完成。有谁知道这是一个很好的资源或代码片段？谢谢！

Answer 1

假设您的图像位于div TheIntro中，并且该网站包含在名为TheMainDiv的div中，那么您可以使用jquery：

$(document).ready(function () {

    $('#TheIntro').animate({opacity: 0.01}, 500, function () {

        $(this).hide();
        $('#TheMainDiv').fadeIn(500);             

    });   
});

我认为你不需要这个效果的插件。第一个值500是介绍图像淡出所需的时间，第二个值是网站淡入所需的时间。