html
div默认是隐藏的,如果想默认显示,去掉style里面的"display:none;"即可

网站设计制作、做网站,成都做网站公司-创新互联建站已向上1000+企业提供了,网站设计,网站制作,网络营销等服务!设计与技术结合,多年网站推广经验,合理的价格为您打造企业品质网站。

js

// 延时0.2秒开始滑动显示(1000表示元素从隐藏到可见的速度,可为空)
setTimeout(function () {
    // slideDown() 方法通过使用滑动效果，显示隐藏的被选元素
    $('#msg').slideDown(1000);
    // slideUp() 方法通过使用滑动效果，隐藏显示的被选元素
    $("msg").slideUp();
}, 200);

参考地址：jQuery 效果函数

分享题目：设置div默认顶部显示,并滑动显示或隐藏
本文来源：http://sczitong.cn/article/jgiogj.html