Barevné animace s náhodným odkazem jQuery

Všichni víme, že můžeme nastavit barvu :hover odkazu, ale co když chceme přidat trochu více dynamiky a vkusu? jQuery vám umožňuje nejen animovat na určitou barvu, ale také vám umožňuje animovat na náhodnou barvu.

Zobrazit ukázku

JavaScript jQuery

$(document).ready(function() {
	var randomLinks = $('a.random-color');
	var original = randomLinks.css('color');
	randomLinks.hover(function() { //mouseover
		var col = 'rgb(' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ',' + (Math.floor(Math.random() * 256)) + ')';
		$(this).animate({
			'color': col,
			'paddingLeft': '20px'
		},1000);
	},function() { //mouseout
		$(this).animate({
			'color': original,
			'paddingLeft': '0'
		},500);
	});
});
Zobrazit ukázku

Pro část barevné animace budete potřebovat další plugin Color Animations jQuery. Posunutí vycpávky je dalším elegantním efektem. Tento efekt není pro každého, ale může vašemu webu s podporou jQuery přidat další jemný efekt.