![]() |
![]() ![]() |
![]() |
![]()
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
![]() 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 ![]() |
|
|
![]()
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 -------------------- |
|
|
![]()
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
![]() ![]() ![]() |
|
|
![]() ![]() |
![]() |
Aktualny czas: 22.08.2025 - 01:07 |