fadeIn onLoad 函数

Question

所以，我试图让这个 id 在页面加载时淡入。我看过有关淡入的帖子。但是，我还没有找到与 onLoad 函数相关的任何内容。谁能帮我解决这个问题？

HTML:

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

Javascript:

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

Answer 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");
});

fadeIn onLoad 函数

fadeIn onLoad function

html

javascript

fadein