本文主要介绍了原生js实现网页顶部自动下拉/收缩广告效果的实例代码。具有一定的参考价值，下面跟着小编一起来看下吧

知识要点 1.实现原理： 通过递归改变div的高度值达到缓慢下拉的效果。 2.一共分为3个步骤我写了三个函数 第一个show()函数（下拉）：初始值高度h<300的话 h+5  反之return退出停止，调用setTimeout方法30毫秒执行一次+5 第二个hide()函数（收回）：只是高度的判断不同高度h-5 反之return退出停止，调用setTimeout方法30毫秒执行一次-5 第三个dd()函数（再次弹出）：这里要注意的是第二次弹出的div是一个新的div把它的高度设置为0，实