Javascript 使用jQuery启动和停止css3动画
我正在用css3为firefox制作动画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
$("#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");
});
这适用于所有“现代”浏览器最简单的方法可能是添加和删除类而不是样式。