代码如下:
<script src="../jQueryLibrary/jquery-1.11.3.js"></script>
<script>
$(function(){
$('button').eq(0).click(function(){
$('#box').animate({
'left' : '800px'
}, 4000).animate({
'top' : '400px'
}, 3000).animate({
'left' : '0px',
'transform' : 'scale(1.5)'
}, 4000);
});
$('button').eq(1).click(function(){
$('#box').stop(true);
});
});
</script>
<style>
#box{
width:300px;
height:300px;
background:green;
position:absolute;
}
</style>
<body>
<button type="button">start</button>
<button type="button">stop(clearQueue)</button>
<div id="box"></div>
</body>
我点击了start按钮之后,当div运动在第二个动画时,我点击了stop(clearQueue)按钮,动画停止,那么如何让动画继续运动下去?