Spezieller Farbübergangseffekt mit reiner jQuery-Animation // keine Benutzeroberfläche oder andere Bibliothek

Ich versuche, eine jQuery-Farbanimation ohne externe Plugins zu erstellen. Bisher konnte ich das mit jQuery-ui schaffen, aber ich möchte auf diese Weise lernenpure jQuery animate()

Es ist möglich, dies zu tunmit weniger Code undohne externe jQuery-Plugins auf1,8?

Hier ist jsFiddle Probe mitjQuery 1.7.2 und ui

jQuery:

var Text = $('h1');
var Box = $('.box');

Text.click(function() {
    Text.animate({'color':'#f00'},600)
        .delay(200).animate({'color':'#ff0'},600)
        .delay(200).animate({'color':'#000'},600);
});

Box.click(function() {
    Box.animate({'background-color':'#f00'},600)
        .delay(200).animate({'background-color':'#ff0'},600)
        .delay(200).animate({'background-color':'#000'},600);
});

Antworten auf die Frage(2)

Ihre Antwort auf die Frage