jQuery Link Nudging

Před několika týdny jsem napsal článek o MooTools Link Nudging, což je v podstatě elegantní, jemná animace odkazů dosažená přidáním levého odsazení při přejetí myší a jeho odstraněním při přejetí myší. Zde je návod, jak to udělat pomocí jQuery:

Zobrazit ukázku

JavaScript jQuery

$(document).ready(function() {
	$('a.nudge').hover(function() { //mouse in
		$(this).animate({ paddingLeft: '20px' }, 400);
	}, function() { //mouse out
		$(this).animate({ paddingLeft: 0 }, 400);
	});
});

Je důležité, aby byl posun malý a rychlý, proto jsem animaci nastavil na 20 pixelů za 400 milisekund.

Zobrazit ukázku
No