javascript - 简介图片淡入后网页平滑淡入

Question

我一直试图在这里找到解决方案，但由于我对 JavaScript 等很陌生，所以我不可能完成这项工作。

所以我需要的是进入网站时首先出现的公司LOGO。徽标应该淡入，但很快 - 可能在 500 毫秒内。

并且在徽标出现 2 秒后，它应该会消失，实际的网页应该会淡入。

我似乎无法完成这项工作。你能帮助我吗？

这是介绍页面：http ://rockworksstudio.fi/index.html

大约 2 秒后，它应该会顺利转换到此页面：http ://rockworksstudio.fi/index2.html

我真的希望你可以“过于具体”。先感谢您！

-汤米

PS。默认情况下，IE 也会阻止某些类型的代码，因此规避这一点很重要。

Answer 1

我为你创建了一个小提琴：https ://jsfiddle.net/mehmetb/c3q62m93/

setTimeout(function() {
  //After 2000 milliseconds, fade out the overlay. The animation duration is 500 ms.
  $(".overlay").fadeOut(500);
}, 2000);