十年網(wǎng)站開發(fā)經(jīng)驗(yàn) + 多家企業(yè)客戶 + 靠譜的建站團(tuán)隊(duì)
量身定制 + 運(yùn)營(yíng)維護(hù)+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
這篇文章將為大家詳細(xì)講解有關(guān)jQuery中終止動(dòng)畫的方法,小編覺得挺實(shí)用的,因此分享給大家做個(gè)參考,希望大家閱讀完這篇文章后可以有所收獲。
可以直接使用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)畫
點(diǎn)擊向下滑動(dòng)停止動(dòng)畫
效果圖:
關(guān)于jQuery中終止動(dòng)畫的方法就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,可以學(xué)到更多知識(shí)。如果覺得文章不錯(cuò),可以把它分享出去讓更多的人看到。