自定义animate（）引起的动画叠加

 

当用户快速在某个元素多次执行动画时，会造成动画累积的现象。这时，就需要引入动画状态这个概念。判断元素是否处于动画状态中，如果处于，则不添加新动画

常常用于在设置动画之前未清除动画，造成的动画叠加。解决办法：
在添加动画之前，调用stop（）方法。

stop()参数clearQueue表示是否清空队列中的动画，默认值为false

　　当设置该参数为true时，则不仅停止当前动画，而且会清空队列中动画

　　stop()相当于stop(false,false)表示停止执行当前动画，后续动画接着进行

　　stop(true,false)表示停止执行当前动画，后续动画不再进行

　　stop(false,true)表示当前动画立即完成，后续动画接着进行

　　stop(true,true)表示当前动画立即完成，后续动画不再进行