亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

animasi berhenti jQuery

jQuery Stop Animation

jQuery stop() kaedah digunakan untuk menghentikan animasi atau kesan selepas ia sebelum 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 perlu dikosongkan. Lalai adalah palsu, yang hanya menghentikan animasi aktif, membenarkan mana-mana animasi beratur untuk melaksanakan ke belakang.

Parameter goToEnd pilihan menentukan sama ada untuk melengkapkan animasi semasa dengan segera. Lalai adalah palsu.

Oleh itu, secara lalai, stop() akan mengosongkan animasi semasa yang dinyatakan pada elemen yang dipilih.

Contoh berikut menunjukkan kaedah stop() tanpa parameter:

rreee

QQ截圖20161024093648.png

Meneruskan pembelajaran
||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Panel</title> <style type="text/css"> * { margin: 0; padding: 0; } body { font-size: 13px; line-height: 130%; padding: 60px } #panel { width: 60px; border: 1px solid #0050D0; height: 22px; overflow: hidden; } .head { padding: 5px; background: #96E555; cursor: pointer; width: 300px; } .content { padding: 10px; text-indent: 2em; border-top: 1px solid #0050D0; display: block; width: 280px; } </style> <script src="http://code.jquery.com/jquery-3.1.1.min.js"></script> <script type="text/javascript"> $(function(){ $("button:eq(0)").click(function(){ $("#panel").animate({height:"150" }, 1000).animate({width:"300" }, 1000).hide(2000).animate({height:"show", width:"show", opacity:"show" }, 1000).animate({height:"500"}, 1000); }); //stop([clearQueue][,gotoEnd]); //語法結(jié)構(gòu) $("button:eq(1)").click(function(){ $("#panel").stop();//停止當(dāng)前動畫，繼續(xù)下一個動畫 }); $("button:eq(2)").click(function(){ $("#panel").stop(true);//清除元素的所有動畫 }); $("button:eq(3)").click(function(){ $("#panel").stop(false, true);//讓當(dāng)前動畫直接到達(dá)末狀態(tài) ，繼續(xù)下一個動畫 }); $("button:eq(4)").click(function(){ $("#panel").stop(true, true);//清除元素的所有動畫，讓當(dāng)前動畫直接到達(dá)末狀態(tài) }); }) </script> </head> <body> <button>開始一連串動畫</button> <button>stop()</button> <button>stop(true)</button> <button>stop(false,true)</button> <button>stop(true,true)</button> <div id="panel"> <h5 class="head">什么是jQuery?</h5> <div class="content"> jQuery是繼Prototype之后又一個優(yōu)秀的JavaScript庫，它是一個由 John Resig 創(chuàng)建于2006年1月的開源項(xiàng)目。jQuery憑借簡潔的語法和跨平臺的兼容性，極大地簡化了JavaScript開發(fā)人員遍歷HTML文檔、操作DOM、處理事件、執(zhí)行動畫和開發(fā)Ajax。它獨(dú)特而又優(yōu)雅的代碼風(fēng)格改變了JavaScript程序員的設(shè)計(jì)思路和編寫程序的方式。 </div> </div> </body> </html>