Javascript 使用jQuery启动和停止css3动画

Javascript 使用jQuery启动和停止css3动画,javascript,jquery,css,animation,Javascript,Jquery,Css,Animation,我正在用css3为firefox制作动画 $("#slide5").click(function(){ $("#move").css("-moz-animation-play-state", "running"); }); 我已经发现上面的代码将使我的动画开始。 但是,现在我想知道。有没有一种方法可以让它从这段代码开始,然后再次单击暂停 希望你们能帮助我。 提前干杯 有了这个: $("#move").css("-moz-animation-play-state

我正在用css3为firefox制作动画

$("#slide5").click(function(){
     $("#move").css("-moz-animation-play-state", "running");            
});
我已经发现上面的代码将使我的动画开始。 但是,现在我想知道。有没有一种方法可以让它从这段代码开始,然后再次单击暂停

希望你们能帮助我。 提前干杯

有了这个:

$("#move").css("-moz-animation-play-state", "paused");
如果这不起作用,那么:

$("#move").css("-moz-animation-play-state", "");
希望这有帮助。干杯

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

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

最简单的方法可能是添加和删除类而不是样式。