使用 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");  
});

这适用于所有"现代"浏览器

Answer 2

有了这个：

$("#move").css("-moz-animation-play-state", "paused");

如果这不起作用，请使用以下内容：

$("#move").css("-moz-animation-play-state", "");

希望这有帮助。干杯