Question

我基本上创建了一个带有jquery的小序列，一个更改颜色的徽标，然后我淡出并使网页淡入。我明白如何使这个工作的图像，我只是有问题如何使整个网页淡入淡出。也许有一种方法可以让它隐藏在序列后面，这样它就会在序列结束时自然地显示出来？我不确定。

Answer 1

如果您获得了页面高度，然后创建一个白色和内容的div，该怎么办？当DOM准备就绪时，你就会淡出那个div。

Answer 2

将内容包装在最初隐藏的div中。动画完成后，将其淡出并在fadeOut的回调中淡出内容div：

Answer 3

将整个页面包裹在<div>中，确保图片位于div之外，然后使用fadeIn()。

如果您尝试使用<body>，您的图片将无法显示。

您也可以使用setTimeout来延迟淡出图像：

$('#my_div').hide(); 
setTimeout(function(){
    $('#my_image').fadeOut(1000, function() {
       $('#my_div').fadeIn(); 
    });
}, 2000);