jQuery中終止動(dòng)畫的方法-創(chuàng)新互聯(lián)

這篇文章將為大家詳細(xì)講解有關(guān)jQuery中終止動(dòng)畫的方法，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。

成都創(chuàng)新互聯(lián)自2013年起，先為辰溪等服務(wù)建站，辰溪等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢服務(wù)。為辰溪企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問題。

可以直接使用stop()函數(shù)來(lái)立即停止當(dāng)前正在進(jìn)行的動(dòng)畫，這樣做的目的在于防止前一個(gè)動(dòng)畫影響后面動(dòng)畫的效果

在jQuery中可以通過stop()方法來(lái)終止動(dòng)畫。它一般用于兩個(gè)動(dòng)畫間的切換。因?yàn)橛袝r(shí)鼠標(biāo)滑動(dòng)的過快會(huì)導(dǎo)致動(dòng)畫效果與鼠標(biāo)的動(dòng)作不一致，這時(shí)就需要stop（）來(lái)停止動(dòng)畫。接下來(lái)在文章中將通過具體實(shí)例告訴大家如何使用stop方法

jQuery中終止動(dòng)畫的方法

stop() 方法適用于所有 jQuery 效果函數(shù)，包括滑動(dòng)、淡入淡出和自定義動(dòng)畫等

它有兩個(gè)參數(shù)為 stopAll、 goToEnd

stopAll表示是否應(yīng)該清除動(dòng)畫隊(duì)列。默認(rèn)是 false，即僅停止活動(dòng)的動(dòng)畫，允許任何排入隊(duì)列的動(dòng)畫向后執(zhí)行

goToEnd 表示是否立即完成當(dāng)前動(dòng)畫。默認(rèn)是 false。

因此，默認(rèn)地，stop() 會(huì)清除在被選元素上指定的當(dāng)前動(dòng)畫

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/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"> 
#stop{
	margin-bottom:10px;
}
#panel,#flip

{   width:200px;
	padding:5px;
	text-align:center;
	background-color:pink;
	border:solid 1px #ccc;
}
#panel
{      
	
	display:none;
}
</style>
</head>
<body>
<button id="stop">停止滑動(dòng)</button>
<div id="flip">點(diǎn)擊向下滑動(dòng)</div>
<div id="panel">停止動(dòng)畫</div>
</body>
</html>

效果圖：

jQuery中終止動(dòng)畫的方法

關(guān)于jQuery中終止動(dòng)畫的方法就分享到這里了，希望以上內(nèi)容可以對(duì)大家有一定的幫助，可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò)，可以把它分享出去讓更多的人看到。

網(wǎng)站名稱：jQuery中終止動(dòng)畫的方法-創(chuàng)新互聯(lián)
文章地址：http://muchs.cn/article46/hipeg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供關(guān)鍵詞優(yōu)化、動(dòng)態(tài)網(wǎng)站、標(biāo)簽優(yōu)化、用戶體驗(yàn)、營(yíng)銷型網(wǎng)站建設(shè)、做網(wǎng)站

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容