Javascript Library - Colour amimation plugin = updated 15th June 2011

This is really a re hash of the main animation plugin. (not included in tiny lib)

Colour Animation plugin.


Science is fun!!!! never take it seriously.

Download Library


I'm a Test Box. My id='a'




Click me!

Form: $('el.id').Ac("red, green,blue","period",callback())


params:
red = 0 to 255
green = 0 to 255
blue = 0 to 255
						
turn pure red in 3 seconds.
$('a').Ac('backgroundColor','255,0,0',3000);
						
					

I'm a Test Box. My id='b'


Click me!

						
$("y").onclick = function() {
	$('b').Ac('color','0,0,255',3000);
	$('b').A('height,left,borderRadius,borderWidth','50,350,5,5',2000);
	$('b').Ac('backgroundColor','255,255,0',3000, function() {
		$('b').Ac('borderColor','0,0,0',2000);
		$('b').A('op','0',1000, function() {
			$('b').A('borderRadius','140',9000);
			$('b').A('op','1',2000, function() {
				$('b').A('borderWidth','50',2000);
				$('b').Ac('color','255,255,0',2000);
				$('b').Ac('backgroundColor','0,0,0',3000);
				$('b').A('width','500',2000, function() {
					$('b').A('width','200',2000);
					$('b').Ac('color','250,0,10',3000);
					$('b').A('height','200',3000);
						$('b').Ac('borderColor','0,0,255',3800,function(){
							$('b').A('borderWidth','15',2000);
							$('b').A('height,width,left','600,600,200',3000);
							$('b').A('borderRadius','350',12000);
							$('b').Ac('backgroundColor','255,25,0',5000);
							$('b').Ac('borderColor','255,255,0',2000);
						});
					})
				})
			})
		})
	};
						
					

The plug in.

You copy it and paste it anywhere in the library - between tho O,xx = function()'s as it were. Seee docs page if you are not really sure. If you are really bad at cutting and pasting you can download the whole library. Its on the docs page.

Color fader plugin