Jquery 着陆时图像淡出

我想有一个全屏图像出现时，用户访问一个网站，然后经过一段时间后，它淡出并显示网站。我知道这可能可以通过jQuery完成。有人知道这方面的好资源或代码片段吗？谢谢

假设您的图像位于intro的div中，站点被包装在一个名为maindiv的div中，那么您可以使用jquery来实现这一点：

$(document).ready(function () {

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

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

    });   
});

---

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

您是指整个显示器/屏幕而不仅仅是浏览器窗口中的实际全屏显示吗？如果是整个屏幕，我怀疑这是可能的，因为您将受到浏览器窗口分辨率的限制。除非用户以全屏模式查看浏览器，否则我认为这是不可能做到的。他有一个很好的例子。只需在页面中添加一个图像，然后使用window.setTimeOut调用淡出。我可以做一些事情，将图像放在body标记之外，然后显示body吗？我没有包装或容器。不，我认为根据定义，你不能把东西放在body标签之外。在你的情况下，身体需要隐藏（这是可能的顺便说一句）当你显示一个图像；但是这个图像在DOM中会是什么呢？我想我可以把所有的东西都包装在一个空的div中，然后在上面放一个有图像的div？这非常有效@frenchie谢谢。只需要调整fadeIn。我不知道是持续时间还是我的标记造成的。@Ben-也会处理背景：对于居中的全屏图像：当然，如果您希望图像是自适应的，您必须使用frenchie方法，因为即使使用自适应背景的css3选项，它也会产生奇怪的结果：