div 上下滑动 (隐藏/显示)
<script type="text/javascript"> function changeDivDown(){//此为向下展开div的方法 var d = document.getElementById("TLDiv");var h = d.offsetHeight;var maxh=250;function dmove(){h+=5;//展开的速度if(h>=maxh){d.style.height='250px';clearInterval(iIntervalId);}else{d.style.display='block';d.style.height=h+'px';}}iIntervalId=setInterval(dmove,2);//定时调用方法}function changeDivUp(){//此为div向上隐藏的方法 var d = document.getElementById("TLDiv");var h = d.offsetHeight;var maxh=250;function dmove(){h-=5;//隐藏的速度if(h<=50){d.style.display='block';clearInterval(iIntervalId);}else{d.style.height=h+'px';}}iIntervalId=setInterval(dmove,2);定时调用方法} </script><div id="TLDiv" style="width: 960px;height: 250px;margin-bottom: 10px;overflow: hidden;border:1px solid red;"> 隐藏/展开 的div的内容</div><input type="button" value="展开" onclick="changeDivDown()"/><input type="button" value="收缩" onclick="changeDivUp()"/>