fadeIn onLoad功能

时间:2015-11-16 22:44:32

标签: javascript html fadein

所以,我试图让这个id淡入页面的负载。我已经看过有关淡入的帖子。但是,我还没有发现任何与onLoad函数有关的内容。任何人都可以帮我解决这个问题吗?

HTML:

 <div id="intro"> HELLO, I AM </div>

使用Javascript:

$( "#intro" ).onLoad(function() {
  $( "#intro" ).fadeIn( "slow")
});

1 个答案:

答案 0 :(得分:1)

没有像onLoad这样的jQuery函数。此外,您可能希望使用CSS将元素的默认显示设置为“none”。并且,正如@Andreas评论的那样,您将$.fadeIn()调用放在$(document).ready()回调中,因此只有在加载DOM后才会执行。所以,现在一起:

HTML:

<div id="intro"> HELLO, I AM </div>

CSS:

#intro {
  display: none;
}

JS:

$(document).ready(function() {
  $("#intro").fadeIn("slow");
});