正文

animate动画回调函数

IP云
IP云V管理员/3 阅读
08/18
提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

对非动画的实现排队，比如这个css（）是要放在回调函数里才能，让前面的动画执行完成后在进行实现

$('button').click(function(event) {
$(this).next().animate({'left':'300px','height':'100px'},3000)
.animate({'top':'200px','width':'100px'},3000,function(){
$(this).css('background','red');
})
});
// $('button').trigger('click'); 自动执行函数

 html

<button>点击执行</button>
<div>
动画排队
</div>

css

*{margin: 0; padding: 0;list-style: none;}
div{width: 300px;height: 200px;background-color:pink;margin:20px;text-align: center;line-height: 200px;position:absolute;}
button{margin:50px;}