教育行業(yè)A股IPO第一股(股票代碼 003032)

全國(guó)咨詢/投訴熱線:400-618-4000

問答>HTML&JS+前端>停止元素動(dòng)畫的方法有哪些?

停止元素動(dòng)畫的方法有哪些?

來源傳智教育2022年04月11日 16時(shí)01分20秒

  使用動(dòng)畫的過程中,如果在同一個(gè)元素上調(diào)用一個(gè)以上的動(dòng)畫方法,那么對(duì)這個(gè)元素來說,除了當(dāng)前正在調(diào)用的動(dòng)畫,其他動(dòng)畫將被放到效果隊(duì)列中,這樣就形成了動(dòng)畫隊(duì)列。

  動(dòng)畫隊(duì)列中所有動(dòng)畫都是按照順序執(zhí)行的,默認(rèn)要前一個(gè)動(dòng)畫執(zhí)行完畢才會(huì)執(zhí)行后面的動(dòng)畫。為此,jQuery提供了stop()方法用于停止動(dòng)畫效果。通過此方法,可以讓動(dòng)畫隊(duì)列后面的動(dòng)畫提前執(zhí)行。

  stop()方法適用于所有的jQuery效果,包括元素的淡入或者淡出以及自定義動(dòng)畫等。stop()方法語(yǔ)法如下所示。

$(selector).stop(stopAll, goToEnd);

  上述語(yǔ)法中,stop()方法的兩個(gè)參數(shù)都是可選的。其中,stopAll參數(shù)用于規(guī)定是否清除動(dòng)畫隊(duì)列,默認(rèn)是false;goToEnd參數(shù)用于規(guī)定是否立即完成當(dāng)前的動(dòng)畫,默認(rèn)是false。

和我們?cè)诰€交談!