[jQuery] efekt płynnego przesunięcia tekstu menu Opcje

[john_doe]

Witam,

jak uzyskać efekt, menu opartego o listę <ul>, najazdu tak aby tekst przejechał np. o 20px w lewo a po zjechaniu powrócił na swoje miejsce. coś jak tutaj
klik

pozdro

[mokry]

to co podał @by_ikar jest jak najbardziej ok, ale ma jedną wadę - jeżeli przejedziesz kursorem po linkach wielokrotnie będą one sobie pływać tyle razy ile najechałeś pomimo, że kursor będzie już gdzie indziej. Proponuję dodać jeszcze funkcję stop().

Przykład na podstawie kodu @by_ikar:

[HTML] pobierz, plaintext 
$("#main-nav li a").hover(
    function () {
        $(this).stop().animate({ paddingRight: "25px" }, 200);
    },
    function () {
        $(this).stop().animate({ paddingRight: "15px" });
    }
); 
[HTML] pobierz, plaintext 

Podgląd: http://jsfiddle.net/v5Rhp/21/

Ten post edytował mokry 15.11.2011, 22:15:30