jQuery.animate（）仅包含css类，没有显式样式

Question

使用JQuery动画我想用css类操作，在.css文件中的某处定义，而不是必须明确地将所有样式参数赋予jquery.animate（）。

我可以用这样的类创建一个假的（例如不可见的）元素，读取它的css属性并将它们提供给jquery.animate（） - 有没有人知道更好的方法？

Answer 1

jQueryUI提供animate函数的扩展，允许您为css类设置动画。

修改：示例here

还有一些添加/删除/切换类的方法，您可能也会感兴趣。

Answer 2

Weston Ruther使用WebKit proposal for css transitions建立了类似的东西：

http://weston.ruter.net/projects/jquery-css-transitions/

此实现可能对您有用。

Answer 3

查看James Padolsey的animateToSelector

  

简介：这个jQuery插件将允许   您可以将任何元素设置为样式   在样式表中指定。所有你   要做的就是传递一个选择器和   插件将在中查找该选择器   您的StyleSheet然后将应用它   作为动画。

Answer 4

在许多情况下，你最好使用CSS过渡，而在旧浏览器中，宽松只是即时的。大多数动画（如淡入/淡出）都非常容易实现，浏览器会为您完成所有的工作。 https://developer.mozilla.org/en/docs/Web/CSS/transition