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

Question

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

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

并且在 Logo 出现 2 秒后，它应该淡出，实际网页应该淡入。

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

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

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

我真的希望你能“过于具体”。提前谢谢您!

-汤米

附言。此外，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);