transitionend事件代表著過渡動畫結(jié)束后

原生的綁定方法

obj.addEventListener('transitionEnd', function(){

//do soming

})

我們能拿這個過渡結(jié)束事件做些什么事呢?

比如我們在用CSS3寫的一個過渡動畫,當過渡結(jié)束后,進行回調(diào),

下面給出一個小案例

當我們用CSS3過渡去寫一個無縫的輪播,過渡結(jié)束時候判斷圖片是否到達了最后一張,然后進行去掉過渡屬性,并回到第一張圖片的位置。

主意:該案例是移動端的案例,處理了webkit內(nèi)核瀏覽器的性能加速,建議用chrome測試

大學生就業(yè)培訓(xùn),高中生培訓(xùn),在職人員轉(zhuǎn)行培訓(xùn),企業(yè)團訓(xùn)

網(wǎng)友評論