Question

jquery 获取css3动画animation的值，改变animation的值问题

<script type="text/javascript">
$(document).ready(function(){
var mousewheel=document.all?"mousewheel":"DOMMouseScroll";
$(".second,.third,.forth,.fifth,.sixth").bind('mousewheel',function(event,delta){
var dir=delta>0? "up":"down";
vel=Math.abs(delta);
$(this).css("animation","running");
});
});

</script>
CSS里面动画的初始值全部为paused暂停的，我想通过当鼠标滑动到当前的一屏，通过jquery改变animation-play-state
的running(开始)，paused(暂停)。从而达到，当鼠标滑动到当前的一屏，触发动画的效果。但是这样写的jquery实现不了。

Answer 1

把上面的
$(this).css("animation","running");
改成
$(this).css("animation-play-state","running");
试一下
你确定你测试的浏览器兼容animation样式吗?
还有你有微animation写@keyframes吗?

Answer 2

$(this).css("animation-play-state","running");

追问

试过了，没反应的

追答

$(".second,.third,.forth,.fifth,.sixth").bind('mousewheel',function(event,delta)中mousewheel的单引号去掉。

追问

依然没反应