jQuery.animate()只有CSS类,没有明确的样式

使用JQueryanimation我想使用css类,在.css文件中定义的某处,而不是必须明确地给所有样式参数jquery.animate()。

我可以用这样的类创build一个假的(例如不可见的)元素,读取它的css属性并把它们给jquery.animate() – 有没有人知道更好的方法?

jQueryUI提供了一个扩展animatefunction,允许你animationCSS类。

编辑 : 这里的例子

也有方法来添加/删除/切换您可能也感兴趣的类。

Weston Ruther使用WebKit提案为css转换构build了一个类似的东西:

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

这个实现可能对你有用。

看看James Padolsey的animateToSelector

简介:这个jQuery插件将允许你将任何元素animation化为样式表中指定的样式。 所有你需要做的就是传递一个select器,插件将在你的StyleSheet中查找这个select器,然后将它作为一个animation应用。

在很多情况下,你最好使用CSS转换来实现这一点,而在旧版浏览器中,缓动只是简单的。 大多数animation(如淡入/淡出)实现起来非常简单,浏览器为你做所有的工作。 https://developer.mozilla.org/en/docs/Web/CSS/transition