這篇文章將為大家詳細(xì)講解有關(guān)jQuery中終止動(dòng)畫的方法,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供寶山網(wǎng)站建設(shè)、寶山做網(wǎng)站、寶山網(wǎng)站設(shè)計(jì)、寶山網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、寶山企業(yè)網(wǎng)站模板建站服務(wù),十多年寶山做網(wǎng)站經(jīng)驗(yàn),不只是建網(wǎng)站,更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。
可以直接使用stop()函數(shù)來立即停止當(dāng)前正在進(jìn)行的動(dòng)畫,這樣做的目的在于防止前一個(gè)動(dòng)畫影響后面動(dòng)畫的效果
在jQuery中可以通過stop()方法來終止動(dòng)畫。它一般用于兩個(gè)動(dòng)畫間的切換。因?yàn)橛袝r(shí)鼠標(biāo)滑動(dòng)的過快會(huì)導(dǎo)致動(dòng)畫效果與鼠標(biāo)的動(dòng)作不一致,這時(shí)就需要stop()來停止動(dòng)畫。接下來在文章中將通過具體實(shí)例告訴大家如何使用stop方法

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>效果圖:

關(guān)于jQuery中終止動(dòng)畫的方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。
當(dāng)前名稱:jQuery中終止動(dòng)畫的方法
文章鏈接:http://chinadenli.net/article10/jijsgo.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、搜索引擎優(yōu)化、微信小程序、App開發(fā)、ChatGPT、微信公眾號(hào)
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)