CSS3动画的回调?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (54)

在CSS 3动画的情况下,有什么方法可以实现回调函数吗?

提问于
用户回答回答于

有。回调是一个事件,因此必须添加一个事件侦听器来捕获它。这是jQuery的一个示例:

$("#sun").bind('oanimationend animationend webkitAnimationEnd', function() { 
   alert("fin") 
});

或纯JS:

element.addEventListener("webkitAnimationEnd", callfunction,false);
element.addEventListener("animationend", callfunction,false);
element.addEventListener("oanimationend", callfunction,false);

现场演示:http://jsfiddle.net/w3y7h/

用户回答回答于

jQuery传输插件.例如:

//Pulsing, moving element
$("#element").click( function () {
    $('#element').transition({ opacity: 0, x: '75%' }, function () { $(this).transition({ opacity: 1, x: '0%' }).trigger("click"); });
});

JS Fiddle演示

扫码关注云+社区

领取腾讯云代金券