Mizení odkazů pomocí jQuery:dwFadingLinks

AKTUALIZACE:Webová stránka jQuery byla dnes mimo provoz, což způsobilo problémy s mým příkladem. Vše jsem udělal místní a nyní příklad funguje.

Začátkem tohoto týdne jsem zveřejnil skript MooTools, který vybledl odkazy na a z barvy během akcí mouseover a mouseout. Moje myšlenka byla:"Proč se mění barva při vznášení, když na tuto barvu můžete vyblednout?" Zde je návod, jak implementovat vyblednutí barvy odkazu pomocí jQuery.

Zobrazit demo ke stažení

JQuery JavaScript – plugin a použití

/* plugin */
jQuery.fn.dwFadingLinks = function(settings) {
	settings = jQuery.extend({
		color: '#ff8c00',
		duration: 500
	}, settings);
	return this.each(function() {
		var original = $(this).css('color');
		$(this).mouseover(function() { $(this).animate({ color: settings.color },settings.duration); });
		$(this).mouseout(function() { $(this).animate({ color: original },settings.duration); });
	});
};

/* usage */
$(document).ready(function() {
	$('.fade').dwFadingLinks({
		color: '#008000',
		duration: 700
	});
});

Zobrazit demo ke stažení