jquery color plugin

Hi,
I’m very new to jQuery, so sorry for the stupid question!
I created a little script to animate color background of a DIV and border color of another DIV in loop.
I used the jquery color plugin and the script works!! (Unbelievable)

The problem is that my script is veeery slow, and a i have problem with page loading (especially with IE)
This is the script

[CODE] <script type=”text/javascript”>
$(document).ready(function() {

spectrum();

function spectrum(){
$(‘#rt-main’).animate( { backgroundColor: “#aeff00” }, 5000);
$(‘#rt-main’).animate( { backgroundColor: “#ff6c00” }, 5000);
$(‘#rt-main’).animate( { backgroundColor: “#0086b6” }, 5000);
$(‘#rt-main’).animate( { backgroundColor: “#00a4a8” }, 5000);
$(‘#rt-main’).animate( { backgroundColor: “#d43795” }, 5000);
$(‘#rt-main’).animate( { backgroundColor: “#ffd200” }, 5000);
$(‘#rt-header’).animate( { borderTopColor: “#aeff00” }, 5000);
$(‘#rt-header’).animate( { borderTopColor: “#ff6c00” }, 5000);
$(‘#rt-header’).animate( { borderTopColor: “#0086b6” }, 5000);
$(‘#rt-header’).animate( { borderTopColor: “#00a4a8” }, 5000);
$(‘#rt-header’).animate( { borderTopColor: “#d43795” }, 5000);
$(‘#rt-header’).animate( { borderTopColor: “#ffd200” }, 5000);
spectrum();
}

});
</script>[/CODE]

I’m sure there a better way to do the same thing.
Here you can see a demo.(not in IE)

Thanks

Gil

Also in #JavaScript _↴