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