html
div默认是隐藏的,如果想默认显示,去掉style里面的"display:none;"即可
<!-- 效果一 -->
<div id="msg" ></div>
<!-- 效果二 -->
<div id="msg" ></div>
js
// 延时0.2秒开始滑动显示(1000表示元素从隐藏到可见的速度,可为空)
setTimeout(function () {
// slideDown() 方法通过使用滑动效果,显示隐藏的被选元素
$('#msg').slideDown(1000);
// slideUp() 方法通过使用滑动效果,隐藏显示的被选元素
$("msg").slideUp();
}, 200);
参考地址:jQuery 效果函数