對於stop()函數,有說的價值的其括號裡能夠填入的兩個參數。
stop()函數的原型是這樣的:stop(stopall,finish);stopall和finish是其兩個參數,取值為true或false。
stopall取值為true會使動畫佇列中所有動作停止,否則只停止目前動作,並緊接著進行動畫佇列中的下一個動作。
finish取值為true會使當前動作立刻跳到結尾然後停止(不管當前動作進行至什麼進度)(這裡單獨研究finish,不涉及stopall,所以只談當前動作,而不涉及動畫隊列中的下一動作),否則會使當前動作在進行的進度處停止,不會跳到結尾。
stopall和finish預設值都是false,且stop(true)等價於stop(true,false)
最後提供程式碼供調試
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>Document</title> <style> p { height:200px; width:200px; background-color:#99ff99; position:relative; } </style> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script> <script> $(document).ready(function(){ $("#start").click(function(){ $("#a1").animate({left:"400px"},5000); $("#a1").animate({top:'400px'},5000); $("#a1").animate({left:"0px"},5000); $("#a1").animate({top:"0px"},5000); }); $("#end").click(function(){ $("#a1").stop(false,true); }); }); </script> </head> <body> <button id="start">开始动画</button> <button id="end">停止</button> <p id="a1"></p> </body> </html>
以上是jQuery stop()函數詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!