jQuery 1.4 Animation Techniques - Index of

Managing Animations
3. Now change the script at the bottom of the page to this:
(function($){
function changeColor(element, newColor) {
}
$("").css("backgroundColor",
newColor).appendTo(element).fadeIn(500, function(){
});
element.dequeue();
var fader = $("#fader");
var newQ = [
function() { changeColor(fader, "yellow") },
function() { changeColor(fader, "orange") },
function() { changeColor(fader, "green") },
function() { changeColor(fader, "red") },
function() { changeColor(fader, "blue") },
function() { changeColor(fader, "purple") }
];
$("#fader").fadeOut(function() {
//replace queue
$(this).queue(newQ);
}).fadeIn().fadeOut().fadeIn();
})(jQuery);
4. Save the file as queueReplace.html.
What just happened?
First we define a single function which accepts two arguments. The first is a jQuery object
referring to the animated element and the second is a new color.
We then create a new element, set its background-color to the color passed into
the function, append it to the element passed in to the function, and then fade it into view.
[ 64 ]