javascript - 使用 jQuery 启动和停止 css3 动画

Question

我现在正在用 css3 为 firefox 制作动画。

$("#slide5").click(function(){
     $("#move").css("-moz-animation-play-state", "running");            
});

我已经发现上面的代码将使我的动画开始。 但是，现在我想知道。有没有办法让它从此代码开始并再次单击暂停它？

希望大家能帮帮我。 提前干杯!

Answer 1

$( "#slide5" ).toggle(function() {
    $("#move").css("-moz-animation-play-state", "running");  
}, function() {
    $("#move").css("-moz-animation-play-state", "paused");  
});

这适用于所有“现代”浏览器