transitionend事件代表著過(guò)渡動(dòng)畫(huà)結(jié)束后
原生的綁定方法
obj.addEventListener('transitionEnd', function(){
//do soming
})
我們能拿這個(gè)過(guò)渡結(jié)束事件做些什么事呢？
比如我們?cè)谟肅SS3寫(xiě)的一個(gè)過(guò)渡動(dòng)畫(huà)，當(dāng)過(guò)渡結(jié)束后，進(jìn)行回調(diào)，
下面給出一個(gè)小案例
當(dāng)我們用CSS3過(guò)渡去寫(xiě)一個(gè)無(wú)縫的輪播，過(guò)渡結(jié)束時(shí)候判斷圖片是否到達(dá)了最后一張，然后進(jìn)行去掉過(guò)渡屬性，并回到第一張圖片的位置。
主意:該案例是移動(dòng)端的案例，處理了webkit內(nèi)核瀏覽器的性能加速，建議用chrome測(cè)試
延伸閱讀
學(xué)習(xí)是年輕人改變自己的最好方式