jQuery动画队列

动画队列

当给一个元素添加多个动画的时候 jQ会把这个元素需要做的动画添加到元素的
动画队列中,元素是会按照添加的顺序一次来执行

$("button").click(function(){
$("div").slideDown(2000).slideUp(2000);
})

好处:可以实现有先后顺序的
缺陷: bug 如果给元素不停的添加动画，元素就会不停的取执行动画效果

停止动画 stop()

作用:停止当前元素正在执行的动画效果
如果元素的动画队列中还有后续动画,那么元素将会执行后续动画去了

$("button").eq(0).click(function(){
$("div").slideDown(1000).slideUp(1000);
})
$("button").eq(1).click(function(){
$("div").stop(true,true);

stop方法还有两个参数
stop(clearQueue, jumpToEnd);

1. clearQueue: 是否来清除元素的动画队列， true： 清除

2. jumpToEnd：是否跳转到当前正在执行的动画的最终状态 true 跳转

3. 两个参数都是有默认值 都是false