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