jQuery: Textfarbe für Eingabefeld animieren?

Question

Ich habe dieses wirklich einfache Stück Code, von dem ich dachte, dass es der richtige Weg ist, um jQuery dazu zu bringen, die Textfarbe für ein gegebenes Eingabefeld zu animieren.

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

Aber es wird nicht funktionieren. Allerdings kann ich die Textfarbe ändern:

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

Ich habe versucht, dies sowohl in Safari 4 und Firefox 3.5 mit den gleichen (fehlen) Ergebnisse. Ich würde wirklich jede Eingabe zu diesem Problem zu schätzen wissen, da mir die Haare ausgehen ... Danke.

Answer 1

jQuery unterstützt keine Farbanimationen, daher benötigen Sie das color-Plugin oder jQuery UI. Beide ermöglichen Ihnen, die Syntax zu verwenden, die Sie für Eigenschaften wie Hintergrundfarbe und Farbe verwenden.

Answer 2

Um die Farbe zu animieren, benötigen Sie die jquery color plugin.

Answer 3

Sie werden Color Animations plugin benötigen für diese

Answer 4

Verwenden jQueryUI und Ihr Code funktioniert, wie es ist.

Answer 5

Ich fand das Farbplugin extrem flockig von einer Seite geladen zu einer anderen, sogar auf einer statischen Seite mit dem exakt gleichen Code ..! ColorBlend hat den Job aber perfekt erledigt.

Answer 6

Sie können dies ohne das Farb-Plugin tun. Ich habe diese Frage here beantwortet.