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ázkuJavaScript 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