javascript - 淡入 onLoad 函数

Question

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

HTML:

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

Javascript:

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

Answer 1

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

HTML:

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

CSS:

#intro {
  display: none;
}

JS:

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