jquery停止滑动

jQuery stop() 方法

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

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

语法

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

可选的 stopAll 参数规定是否应该清除动画队列。默认是 false，即仅停止活动的动画，允许任何排入队列的动画向后执行。

可选的 goToEnd 参数规定是否立即完成当前动画。默认是 false。

html代码

   <div id="dictionary">
          <button id="start">开始</button>
          <button id="stop">停止</button>
          <button id="stop2">停止所有</button>
          <button id="stop3">停止但要完成</button>
          <div style="background:#98bf21;height:100px;width:200px;position:absolute;">HELLO</div>
      </div>

=========================

jquery代码

$(document).ready(function(){
    $('#start').click(
        function(){
            $("div").animate({left:'100px'},5000);//实现动画效果
            $("div").animate({fontSize:'3em'},5000);
        }
    );
    $('#stop').click(
        function(){
            $("div").stop();//没有参数，表示只会停止当前的动画，但是排队的还会继续执行完
        }
    );
    $('#stop2').click(
        function(){
            $("div").stop(true);  //参数为真，表示会停止所有的动画事件
        }
    );
    $('#stop3').click(
        function(){
            $("div").stop(true,true);  //会完成当前的动画，然后停止所有动画
        }
    );

});