带有徽标淡入淡出的页面加载

Question

我不知道如何解释我想要的效果类型，但我会尽量简单。 我希望我的主页打开时，我的徽标位于屏幕中间的白色背景上，几秒钟后徽标褪色并显示主页。

我考虑了一个带有我想要的 index.php，5 秒后它重定向到带有我完整主页的 index2 上，但这绝对不利于 SEO。 所以也许在 JQuery 的帮助下，我可以得到我想要的。

我考虑过更改该代码：

$(document).ready(function(){   
$('#page_effect').fadeIn(2000);
});

但是我怎么能得到中间的标志等等......

非常感谢您的帮助， 诚挚的。

Answer 1

将页面内容的其余部分包裹在<div> 中，并让徽标淡出，并让包含页面内容的<div> 淡入。

JSFiddle example