使用 jQuery 启动和停止 css3 动画答案

【问题标题】：starting and stopping css3 animation with jQuery使用 jQuery 启动和停止 css3 动画
【发布时间】：2014-01-11 23:45:23
【问题描述】：

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

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

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

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

【问题讨论】：

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

标签： javascript jquery css animation

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

有了这个：

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

如果这不起作用，用这个：

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

希望这会有所帮助。干杯

【讨论】：