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

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

Answer 2

有了这个：

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

如果这不起作用，请使用：

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

希望这会有所帮助。干杯

使用jQuery启动和停止css3动画

2 个答案: