jQuery动画

jQuery stop() 方法用于停止动画或效果，在它们完成之前。

stop() 方法适用于所有 jQuery 效果函数，包括滑动、淡入淡出和自定义动画。

$(selector).stop(stopAll,goToEnd);

两个参数的默认值都为false，都是非必须参数。

stopAll：是否停止全部动画，默认值false即仅停止活动的动画。

goToEnd：是否立即完成当前动画。

实例：

$(function(){
  $("#flip").click(function(){
    $("#panel").slideDown(5000);

    $("#panel").slideUp(5000);
  });
  $("#stop").click(function(){
    $("#panel").stop();
  });
});

当点击flip开始动画后，立即点击stop按钮

如果stopAll为false，会停止下滑，立即执行上滑动画。

如果stopAll为true，会停止下滑，后面的上滑动画也不会执行。

如果goToEnd为false，与上面一样。

如果goToEnd为true，会停止下滑动画，并立即变为下滑动画完成的状态，再根据stopAll的值决定是否执行上滑动画。