如何使一个div在页面上连续不断的改变自身宽度（从0~400px）？

Question

使用jQuery控制一个高度为100px的盒子(div),使其宽度在0~400px之间持续动态变化，动画持续时间设为“slow”。用animate({}, ,callback)实现。
谢谢大神！！！

Answer 1

这不是轻轻松松嘛？为什么不用 css 呢？

http://jsrun.net/4vQKp/edit

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<div id="app">

</div>
<style>
    #app{
        width: 100px;
        height: 100px;
        background: red;
    }
</style>
<script>
    animate = function(){
        $('#app').animate({
            height: '400px'
        }).animate({
            height: '100px'
        }, animate)
    }
    animate();
</script>