JQuery動畫animate的stop方法使用詳解_jquery

animate語法：

複製程式碼 程式碼如下:

$(selector). speed,easing,callback)

複製程式碼 程式碼如下:

代碼如下:

<script> <BR>function moveX(){ <BR>$('.wrap div').animate({'left':'250px'},1000).animate({'left':'0px'} ,1000); <br>} moveX(); <br><BR>$('#btn1').click(function(){ <BR>$('.wrap div').stop(); //停止目前動畫,沿路返回起點，若是返回過程中再點擊，會暫停在路中<br>clearInterval(); <br>}) <BR><BR>$('#btn2').click(function( ){ <BR>$('.wrap div').stop(true); // 停止所有動畫去的路程中點擊停止會直接到達終點，若是返回過程中再點擊，會暫停在路中<BR> }) <BR><BR>$('#btn3').click(function(){ </script>

$('.wrap div').stop(true,true); // 停止所有動畫，去的路程中點擊停止會直接到達終點，若是返回過程中再點擊，會停止到在起點
})

// .stop() // 停止目前動畫
// .stop( true) // 停止所有動畫
// .stop(true,true) // 停止所有動畫，到達動畫終點 .stop(); // 停止目前動畫,沿路返回起點，若是返回過程中再點擊，會暫停在路中.stop(true); // 停止所有動畫去的路程中點擊停止會直接到達終點，若是返回過程中再點擊，會暫停在路中.stop(true,true); // 停止所有動畫，去的路程中點擊停止會直接到達終點，若是返回過程中再點擊，會停止到在起點