淡化页面加载效果

时间:2013-09-03 01:55:15

标签: javascript jquery html css fade

我试图让我的主页在加载时始终具有淡入效果。但是,它只在部分时间内有效。这是我正在使用的当前脚本。我将它设置为html,因为单个div元素似乎不起作用,但将其设置为html确实存在并且没有。

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

4 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:2)

尝试以下代码。它会起作用:首先设置你的身体:

<body>
This is my page
</body>

现在jQuery:

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

答案 2 :(得分:1)

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

答案 3 :(得分:0)

如果页面加载太慢,它将无效。

可能有很多图片(大型照片),剧本等。

或者仅仅因为互联网连接缓慢。