jquery - 着陆时图像淡出

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 是介绍图像淡出所需的时间，第二个值是网站淡入所需的时间。