介绍图片淡入后网页平滑淡入

Question

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

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

并且在徽标出现 2 秒后，它应该会逐渐消失，而实际网页应该会逐渐出现。

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

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

大约 2 秒后，它应该可以顺利地翻译成这个页面：http://rockworksstudio.fi/index2.html

我真的希望你能成为"overly specific"。提前谢谢您！

-托米

PS。此外，IE 默认会阻止某些类型的代码，因此规避这些代码很重要。

Answer 1

我已经为你创建了一个fiddle：https://jsfiddle.net/mehmetb/c3q62m93/

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