jQuery hover a aktívny stav - jquery

Mám problémy s pokúšaním sa o to, aby sa na mojich webových stránkach začal pohybovať a aktívne fungovať. Ja som nový pre jQuery a ja to považujem za ťažké. Toto je kód, ktorý mám v súčasnosti:

$(document).ready(function(){
$(".st_tab").hover(function(){
$(this).stop().animate({opacity : "0", left: "+=50",}, 100);
}, function(){$(this).stop().animate({"opacity" : "1"}, 500);})

});

Chcem, aby fungovala ako tento príklad: http://www.queness.com/resources/html/fadein/index.html

Vytvoril som skúšobnú stránku stránky a môžete ju vidieť tu: http://jm-ai.com/test/index.html

Používam obraz sprite pre normálny, vznášajúci sa a aktívny stav.

Problém je v tom, že kedykoľvek sa pohybujem, animácia zmizne príliš rýchlo a keď kliknem, nie je žiadna animácia.

odpovede:

Odporúčam myšou myšou. Umožňuje vyplniť premennú pravdivú falošnú, akonáhle sa na ňu klikne.

$(".st_tab").mouseover(function() { //animation }).mouseout(function() { //animation });