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

Question

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

$("#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");  
});

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