页面加载时的淡入效果

Fade in effect on page load

本文关键字：淡入 加载      更新时间：2023-09-26

我正在努力使我的主页在加载时始终具有淡入效果。然而，它只在部分时间起作用。这是我当前使用的脚本。我把它设置为html，因为单个div元素似乎不起作用，但把它设置成html起作用，也不起作用。

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

设置为优先于其他脚本。

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

尝试以下代码。它会起作用：

首先设置你的身体：

<body>
This is my page
</body>

现在jQuery:

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

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

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

可能有很多图片（大照片），脚本等

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

相关文章：