jquery之stop方法的使用
阿新 • • 發佈：2018-11-20
stop方法：停止當前正在執行的動畫，有兩個引數：第一個引數為clearQueue的布林值，第二個引數為jumpToEnd的布林值。
clearQueue：是否清除動畫佇列，true為清除，false則不清除；
jumpToEnd：是否跳轉到當前動畫的最終效果，true為跳轉，false則停留在當前狀態；
栗子：
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>Title</title> <style> div { width: 200px; height: 200px; background-color: pink; display: none; } </style> </head> <body> <input type="button" value="開始"> <input type="button" value="結束"> <div></div> <script src="script/jquery-1.12.4.js"></script> <script> $(function () { $("input").eq(0).click(function () { $("div").slideDown(4000).slideUp(4000); }); $("input").eq(1).click(function () { // $("div").stop().animate(); $("div").stop(true, true); }) }); </script> </body> </html>
例子中兩個引數都為true，可以自由變換一下引數，瞭解其不同的效果