Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [jQuery] Problem z fadeIn i fadeOut
yasiek
post
Post #1





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 4.06.2006
Skąd: Strzeszyce/Kraków

Ostrzeżenie: (0%)
-----


Mam taki mały problem. Chciałem zrobić w menu taką niewielką "animację" przy użyciu jQuery - po najechaniu myszką w tle pojawia się div w innym kolorze, na mouseout ten div znika (taki jakby hover, tylko z fadeinami smile.gif ).

Problem polega na tym, że nie wiem czemu operacja nie wykonuje się raz, tylko jakby kilka razy. Po najechaniu myszką jest fadein,fadeout i dopiero ostatni fadein który zostawia element widoczny (czasem jest tego więcej). Po zmianie położenia myszki, to samo fadeout, fadein i dopiero fadeout.

Tutaj jest przykład o co chodzi: http://mjaskiewicz.pl/example/

Wie ktoś może co zrobić, żeby skrypt działał poprawnie? Z góry dzięki za każdą pomoc smile.gif
Go to the top of the page
+Quote Post
lord_t
post
Post #2





Grupa: Zarejestrowani
Postów: 603
Pomógł: 131
Dołączył: 24.07.2007
Skąd: Górny Śląsk

Ostrzeżenie: (0%)
-----


Łap ten poprawiony kod z Twojej strony:
Kod
$(document).ready(function() {
$('div.menuAnima').css('display','none');
    
$('li.menuLi').bind("mouseenter",showAnima);
$('li.menuLi').bind("mouseleave",hideAnima);
$('li.noBorder').bind("mouseenter",showAnima);
$('li.noBorder').bind("mouseleave",hideAnima);
});


Czemu Twoje nie działało dowiesz się po przejrzeniu tego http://docs.jquery.com/Events/mouseover . Przeanalizuj działanie na przykładach:)

A tu jeszcze krótsza wersja;) :

Kod
$(document).ready(function() {
    $('div.menuAnima').css('display','none');
    
    $('li.menuLi').hover(showAnima,hideAnima);
    $('li.noBorder').hover(showAnima,hideAnima);
});


Ten post edytował lord_t 18.04.2008, 15:33:54


--------------------
Go to the top of the page
+Quote Post
yasiek
post
Post #3





Grupa: Zarejestrowani
Postów: 59
Pomógł: 0
Dołączył: 4.06.2006
Skąd: Strzeszyce/Kraków

Ostrzeżenie: (0%)
-----


Ha, dzięki wielkie - oczywiście działa smile.gif tak własnie myślałem, że pewnie czyta przy każdym ruchu (swoją drogą, po co wtedy jest mousemove? tongue.gif ) oczywiście inteligentnie nie spojrzałem w manualu pod haslo mouseover/out, tylko szukałem w spisie jakiejś innej funkcji smile.gif
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 22.08.2025 - 01:07