transitionend事件代表着过渡动画结束后

原生的绑定方法

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

//do soming

})

我们能拿这个过渡结束事件做些什么事呢?

比如我们在用CSS3写的一个过渡动画,当过渡结束后,进行回调,

下面给出一个小案例

当我们用CSS3过渡去写一个无缝的轮播,过渡结束时候判断图片是否到达了最后一张,然后进行去掉过渡属性,并回到第一张图片的位置。

主意:该案例是移动端的案例,处理了webkit内核浏览器的性能加速,建议用chrome测试

大学生就业培训,高中生培训,在职人员转行培训,企业团训