jQuery：输入字段的动画文本颜色？答案

【问题标题】：jQuery: animate text color for input field?jQuery：输入字段的动画文本颜色？
【发布时间】：2010-11-24 04:00:21
【问题描述】：

我有一段非常简单的代码，我认为这是让 jQuery 为给定输入字段的文本颜色设置动画的正确方法。

$('input').animate({color: '#f00'}, 500);

但这行不通。但是，我可以更改文本颜色：

$('input').css('color', '#f00');

我在 Safari 4 和 Firefox 3.5 中都尝试过，结果相同（缺少）。我真的很感激任何关于这个问题的意见，因为我的头发快用完了......谢谢。

【问题讨论】：

【解决方案1】：

jQuery 不支持彩色动画，因此您需要color 插件或jQuery UI。两者都允许您使用用于背景颜色和颜色等属性的语法。

【讨论】：

【解决方案2】：

要为颜色设置动画，您需要 jquery color plugin。

【讨论】：

【解决方案3】：

你可以在没有颜色插件的情况下做到这一点。我已经回答了这个问题here。

【讨论】：

【解决方案4】：

为此，您需要 Color Animations plugin

【讨论】：

【解决方案5】：

使用jQueryUI，您的代码将按原样运行。

【讨论】：

【解决方案6】：

我发现颜色插件从一个页面加载到另一个页面时非常不稳定，即使在具有完全相同代码的静态页面上也是如此..！不过，ColorBlend 完美地完成了这项工作。 http://plugins.jquery.com/files/jquery.colorBlend.js_6.txt

【讨论】：