如何在页面加载时淡入div？

我正在使用 jQuery。我需要一个 div 在页面加载时淡入。

<div id=monster></div>

我怎样才能实现这个目标？

它再简单不过了：

$(function(){  // $(document).ready shorthand
  $('#monster').fadeIn('slow');
});

如果你的 div 最初没有隐藏，你可以在动画之前隐藏它：

 $('#monster').hide().fadeIn('slow');

速度参数可以是'slow', 'normal', 'fast'或运行动画的毫秒数。