We load the new official jQuery Color Animation plugin dynamically and bind some color animations to occur once the new functionality is loaded.

Edit code and click me	Your Result (Some examples do not work in Google Chrome):
<!DOCTYPE html> <html> <head> <style>.block { background-color: blue; width: 150px; height: 70px; margin: 10px; }</style> <script src="http://code.jquery.com/jquery-1.5.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> $(document).ready(function(){ $.getScript("http://support.xhtml.co.il/view/trunk/plugins/color/jquery.color.js", function(){ $("#go").click(function(){ $(".block").animate( { backgroundColor: 'pink' }, 1000) .animate( { backgroundColor: 'blue' }, 1000); }); }); }); </script> </head> <body> <button id="go">» Run</button> <div class="block"></div> </body> </html>
Edit the code above and click to see the result	www.xhtml.co.il - Try it yourself