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);
});