启动CSS动画JavaScript

如何使用js启动CSS动画？ 第一行（webkitAnimation）可以工作，但其他行不行

anim_logo.style.webkitAnimation="threesixty 3s";
anim_logo.style.mozAnimation="threesixty 3s";
anim_logo.style.oAnimation="threesixty 3s";
anim_logo.style.animation="threesixty 3s";

为什么?

---

（单击忍者之星）

您最好使用该动画制作一个单独的类，并在需要时将其附加到元素：

anim_logo.setAttribute("class", yourAnimationClass);

更新

要删除新添加的类，可以使用延迟函数：

function animateMe() {
    anim_logo.setAttribute( "class", yourAnimationClass );
    setTimeout( function() {
        anim_logo.setAttribute( "class", "" );
    }, 3000);
}

---

我不能在这里推断出一个具体的问题，但是对于动画来说，jQuery的各种效果调用是一个很好的开始…如果它在firefox中工作，请检查您是否将第二个或最后一个放在第一位？问题是为什么他的代码只在WebKit中工作，不是他应该用什么来替换它。@Zoltan Toth如果我可以在属性设置动画后删除该属性，我会使用它。@s0ulp1xel更新了如何在设置动画后删除该类的想法animation@11684当你再多呆一会儿，你就会知道有时候对OP问题的直截了当的回答不是最好的您可以免费（实际上也被鼓励）建议一个更干净/更好的解决方案。顺便说一下，您可以使用属性

className

，而不是

setAttribute（“class”，…）