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

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

<div id=monster></div>

如何实现这一点？

再简单不过了：

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

如果div最初未隐藏，则可以在动画之前隐藏它：

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

速度参数可以是

'slow'

，

'normal'

，

'fast'

，也可以是运行动画的毫秒数。

---

参见工作演示

$（“#怪物”）.hide（）.fadeIn（'slow'）
怪物{
宽度：200px；
高度：100px；
边框：1px实心#0095ff；
边界半径：5px；
}

这是演示文本。
这是演示文本。
这是演示文本。
这是演示文本。

$(function() {
    $("#monster").fadeIn();
});