javascript - 页面加载时淡入效果

Question

我试图让我的主页在加载时始终具有淡入淡出效果。但是，它仅在部分时间有效。这是我正在使用的当前脚本。我将其设置为 html，因为单个 div 元素似乎不起作用，但将其设置为 html 可以，也不能。

$(document).ready(function () { $('html').hide().fadeIn(1500).delay(6000)});

score 2 · Accepted Answer

试试下面的代码。它将起作用：

首先设置你的身体：

<body>
This is my page
</body>

现在的jQuery：

$(document).ready(function(){$("body").hide().fadeIn(1000);});

score 2 · Accepted Answer

在其他脚本之前设置为优先级。

 $(document).ready(function () { $('body').hide().fadeIn(1500).delay(6000)});

score 1 · Accepted Answer

在 CODROPS 文章中查看一些加载效果 .. 你可能会发现它很有用 http://tympanus.net/codrops/2013/09/18/creative-loading-effects/

score 0 · Accepted Answer

如果页面加载太慢，它将不起作用。

也许很多图像（大照片），脚本等。

或者只是因为互联网连接速度慢。

4 回答 4