使用javascript动态修改webkit动画

我希望将webkit动画与@-webkit关键帧一起使用，但能够动态修改规则上的值，以便动画不是静态的。

---

我发现的所有示例都使用静态@-webkit框架，有没有办法使用Javascript进行自定义？

我必须在加载的样式表中创建一个新的样式规则。在chrome 5.0.342.9 beta版中似乎工作得很好（至少）

然后使用element.style指定动画名称

element.style.webkitAnimationName = newName;

---

我希望我能对此表示感谢，但这里有一个链接，指向一个试图修改现有动画而不是创建新动画的人

我运行这个程序是为了验证它是否确实有效

编辑 因此，该链接已失效，我不再信任Gitorious来维护URL，因此这里有一个指向我创建的JSFIDLE的链接，用于回答类似的问题：

---

这包含用于查找现有动画、更新其值并将其指定给元素以使动画发生的脚本。我已经在Chrome 18和Safari 5.1中测试过了，你好，Russell，当你验证了这一点时，你测试了哪些浏览器？谢谢由于层叠，创建新动画将有效地覆盖同名的现有动画。我知道这有点晚了，但是：如果不在最后指定动画，我将如何使用它？我不希望动画在那时运行；我正在使用addClass/removeClass以jQueryOne启动动画。一旦有了动画名称，就可以使用现有的类来设置动画。在样式表中：

.animate{-webkit动画名称：newName；}

element.style.webkitAnimationName = newName;