+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: Problem z menu poziomym (/thread-problem-z-menu-poziomym)
Problem z menu poziomym - dahel - 15-02-2012
Witam. Przedmiot problemu znajduję się tu:
http://jadda.pl/test/
(treść to tylko przykład, stąd takie bzdury
).A problem wygląda tak:
Po najechaniu na pozycje "Produkty" w menu rozwija się podmenu i przesuwa treść diva znajdującego się poniżej. Chciałbym wiedzieć co zrobić, by ta treść się nie przesuwała.
Kolejnym problemem jest to, że gdy szybko "przejedzie się" kursorem po pozycji "Produkty" w menu, podlista rozwija się, ale już nie zwija. Co robić?
Tak wygląda skrypt w jQuery:
Kod:
$(function(){
$('ul#menu li').hover(function(){
$(this).find('ul').not(':animated').fadeIn(100);
},function(){
$(this).find('ul').not(':animated').fadeOut(50);
});
})RE: Problem z menu poziomym - Kartofelek - 15-02-2012
1) Brak stylowania.
- LI głównej listy powinno mieć position:relative;
- podlisty powinny mieć position:absolute; left:0; top:wysokośćGłównejListy
2) na logikę. not(':animated') wyszukuje tylko te nie animowane. czyli twoja jeszcze animowana lista nie podlega pod fadeOut
.http://doman.art.pl/kursjs/kurs/jquery/jquery.html#animacja - do przeczytania (tam gdzie są niebieskie prostokąty)
RE: Problem z menu poziomym - dahel - 15-02-2012
o to mnie chodziło, teraz jest rewelacja
. Dzięki wielkie, długo się z tym gryzłem.