前端6班-裘曾渊 jQuery stop()

stop(stopAll,goToEnd)

  • stop();
    停止当前动画，继续下一个动画

  • stop(true)
    清除元素的所有动画

  • stop(false,true);
    让当前动画直接到达末状态 ，继续下一个动画

  • stop(true,true)
    清除元素的所有动画，让当前动画直接到达末状态

如果快速不断地将鼠标移入移出菜单（即，当菜单下拉动画未完成时，鼠标又移出了菜单）就会产生“动画积累"，当鼠标停止移动后，积累的动画还会持续执行，直到动画序列执行完毕。

解决方法：在写动画效果的代码animate前加入stop(true，true)，这样每次快速的移入移出菜单，就正常了，当移入一个菜单的时候，停止所有加入队列的动画，但是完成当前的动画（跳至当前动画的最终效果位置）

http://www.csshello.com/jcjs/196.html

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容