多个动画暂停问题 (stop()方法的使用)

标签：

今天模仿某网站的导航栏效果 最终结果

做这个效果遇到的点：

1.给每个a绑定事件太麻烦，用了事件委托，由于刚看jq所以查到了

$(‘.list‘).delegate(‘a‘,‘mouseover‘,function(event){}

　　方法

2.给这个小滑块设定抖动效果，更动感一些 用了两个animate算上最终定位用了三个animate

.animate({left:ao+diff+‘px‘},150).animate({left:ao-diff/2+‘px‘},150).animate({left:m+‘px‘},200);

　恩 挖了个坑

3.就是解决这个坑，这个坑就是当我鼠标快速的经过这些a时，就算我鼠标停止了，滑块依然按着我鼠标经过的每个a在做一次mouseover事件干的事，抽风一样，怎么解决呢？

马上想到stop()方法停止动画，但是没用啊 还跟抽风一样，由于刚接触JQ所以对这些方法不熟悉，就想是不是stop()方法还能传参数？果然一查猜想正确

定义和用法

stop() 方法停止当前正在运行的动画。

语法

$(selector).stop(stopAll,goToEnd)

stop()没有参数时：就是暂停上一个动画哦，比如有多个动画1 2 3

　如果这时暂停那么如果这时动画运动到了2，这个暂停只是暂停了2，而3会继续运行完 

stop(true)一个参数：也就是 上边说的这个stopAll是

  如果这时暂停那么如果这时动画运动到了2，这个暂停暂停了2 和 3(全部暂停)

stop(true,true)两个参数 ：

  如果这时暂停那么如果这时动画运动到了1，这个暂停会马上让绑定动画的元素到达1动画设置的状态(动画1完成时的状态)并暂停，如果此时动画运动到了2，这个暂停会马上让绑定动画的元素到达2动画设置的状态(动画2完成时的状态)并暂停，同理 345 6

  demo：http://www.w3school.com.cn/tiy/t.asp?f=jquery_effect_stop_queue_end

有错误的地方欢迎指出

多个动画暂停问题 (stop()方法的使用)

标签：

原文地址：http://www.cnblogs.com/yymb/p/5723792.html