animasi berhenti jQuery


animasi berhenti jQuery

Contoh

gelongsor jQuery stop()
Menunjukkan kaedah stop() jQuery.

Animasi jQuery stop() (dengan parameter)
Demo jQuery stop() kaedah

kaedah jQuery 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.

Contoh berikut menunjukkan kaedah stop() tanpa parameter:

Instance

<!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(5000);
  });
  $("#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>

Jalankan instance»

Klik butang "Jalankan Instance" untuk melihat contoh dalam talian