jQuery插件，用于将颜色从一个类动画化到另一个类

Posted 2023-05-08

【中文标题】jQuery插件，用于将颜色从一个类动画化到另一个类

【英文标题】：jQuery plugin to animate colors from one class to another

【发布时间】：2010-12-08 06:10:57

【问题描述】：

有很多 jQuery 颜色插件。 但是我找不到在 css 类声明之间进行动画处理的那个。

例如做一个从.class1到.class2的平滑动画：

.class1  background-color: #000000 
.class2  background-color: #000088 

这可能吗？

【参考方案1】：

jQuery animate() 命令已经允许您为颜色过渡设置动画。

这是more striking demo

编辑：

为了获得与 CSS 类相同的效果，有

jQuery UI 的switchClass(add, remove, duration)

伊戈尔·维埃拉的animateToClass plugin

James Padolsey 的animateToSelector plugin

【讨论】：

查看更新的答案。 IIRC，switchClass 有点喜怒无常，在 Chrome 中根本不起作用。

【参考方案2】：

我认为可以做一个插件来读取 A 类的所有计算属性，将它们与 B 类的属性匹配，动画它可以动画的内容，并忽略其余属性。

我没有看到有人在那里，但可以做到。

【讨论】：

我有一些延迟，是在喝咖啡之前 :)