animasi berhenti jQuery
kaedah stop()
kaedah jQuery stop() digunakan untuk menghentikan animasi atau kesan sebelum ia selesai.
Kaedah stop() berfungsi dengan semua fungsi kesan jQuery, termasuk slaid, pudar dan animasi tersuai.
Sintaks:
$(selector).stop(stopAll,goToEnd);
Parameter stopAll pilihan menentukan sama ada baris gilir animasi harus dikosongkan . Lalai adalah palsu, yang hanya menghentikan animasi aktif dan membenarkan mana-mana animasi beratur untuk dilaksanakan ke belakang.
Parameter goToEnd pilihan menentukan sama ada untuk melengkapkan animasi semasa dengan segera. Lalai adalah palsu.
Jadi, secara lalai, stop() akan mengosongkan animasi semasa yang dinyatakan pada elemen yang dipilih.
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"> </script> <script> $(document).ready(function(){ $("#flip").click(function(){ $("#panel").slideDown(2000); }); $("#stop").click(function(){ $("#panel").stop(); }); }); </script> <style type="text/css"> #panel,#flip { padding:5px; text-align:center; background-color:#e5eecc; border:solid 1px #c3c3c3; } #panel { padding:50px; display:none; } </style> </head> <body> <button id="stop">停止滑动</button> <div id="flip">点我向下滑动面板</div> <div id="panel">Hello world!</div> </body> </html>