jQuery:为输入字段设置动画文本颜色?

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

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

但它不会起作用。 但是,我可以更改文字颜色:

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

我在Safari 4和Firefox 3.5中都尝试过相同(缺乏)的结果。 我真的很感激这个问题的任何输入,因为我的头发已经用完了…谢谢。

jQuery不支持颜色动画,所以你需要颜色插件或jQuery UI 。 两者都允许您使用您用于背景颜色和颜色等属性的语法。

要为颜色设置动画,您需要jquery颜色插件 。

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

你需要Color Animations插件

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

我发现颜色插件从一个页面加载到另一个页面非常片状,即使在具有完全相同代码的静态页面上也是如此..! 尽管如此,ColorBlend完成了这项工作。 http://plugins.jquery.com/files/jquery.colorBlend.js_6.txt