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

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

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

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

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

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

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

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

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

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

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