Question

javascript div动态大小改变

页面上有id为divtest的div
width=100% height=100px
问题
如何给一个Button写js事件
以实现divtest随时间推迻匀速的减小height
最终这个div消失

Answer 1

这个效果用jquery的方法会比较简单一点，引用一个jquery库，加入你的button的id为btn，那么可以这么写js：
$(document).ready(function(){

$("#btn").click(function(){
$("#divtest").slideUp(1000);

})

});

里面的那个1000的单位是毫秒，表示一秒的意思，通过修改这个数值就可以控制时间的长度了。

Answer 2

<script type="text/javascript">
function disappear() {
    var divtest = document.getElementById("divtest");
    var interval_disappear = setInterval(function() {
        if(divtest.offsetHeight == 0) {
            clearInterval(interval_disappear);
        }
        divtest.style.height = divtest.offsetHeight - 1 + "px";
    }, 20);
}
</script>

<div id="divtest" style="height: 100px; background: #f00;"></div>
<input type="button" onclick="disappear();" value="消失" />

Answer 3

新手先从js学起吧 写一个运动框架，然后传参就可以了。如果需要参考，可以追问