Ocena wątku:
  • 0 głosów - średnia: 0
  • 1
  • 2
  • 3
  • 4
  • 5
Trzypoziomowe menu - problem
#1
http://jsfiddle.net/gL9wE/ - tam jest zobrazowany mój problem. Potrzebuję podnieść trzeci poziom menu o daną wartość (linijka nr 12) ale skrypt mnie coś nie słucha :/ Pewnie jak zwykle jakiś błahy problem ...
DesignBox - projektowanie sklepów i tworzenie stron gniezno
Odpowiedz
#2
Pytanie jest co właściwie chcesz osiągnąć, bo mi się wydaje że tam nie potrzeba JS.
Odpowiedz
#3
Może jakaś podpowiedź? Menu miałoby wyglądać tak:

[Obrazek: 2z3ozk9.jpg]

Po najechaniu na "Pozycja 1" rozwija się niebieskie pole o całej szerokości menu i widoczny "Poziom 2". Po najechaniu na "Poziom 2a" pojawia się "Poziom 3" i jeżeli jest dłuższy niż "Poziom 2" to niebieskie pole zwiększa swoją wysokość (dlatego nie chciałem stosować position:absolute dla trzeciego levelu). Dodatkowo jest jeszcze obrazek który zmienia się przy hover na poziomie drugim.
DesignBox - projektowanie sklepów i tworzenie stron gniezno
Odpowiedz
#4
Możesz cały poziom 2 i 3 wstawić w div (np. .submenu)który będzie pokazywany na hover.
Dla 2 i 3 to już zwykły float z position:relative.

Logika działania:

Kod:
/* glowne */
.nav > ul {background:#fff; padding:.....;}
.nav > ul > li { bla bla bla pomaranczowe}
.nav > ul > li > a {display:block; width:100%; height:100%; pomarancowo bla bla bla }
/* podmenu */
.nav > ul > li > .submenu {visibility:hidden; opacity:0; transition:0.5s; position:absolute; top:.....; left:0; width:100%; background:niebiesko}
.nav > ul > li:hover > .submenu {visibility:visible; opacity:1}
/* levelki */
.nav .menu2level {float:left; width..... lorem ipsum}
.nav .menu2level li {....}
.nav .menu2level a {....}
.nav .menu3level {float:left; width..... lorem ipsum}
.nav .menu3level li {....}
.nav .menu3level a {....}
.nav .superHiperTajemniczyObrazek {float:right; margin:lorem ipsum}
Odpowiedz


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  problem z tłem pod menu loose 1 1,407 06-07-2017, 20:00
Ostatni post: loose
  problem z menu p410 10 4,698 18-06-2017, 18:34
Ostatni post: lemans88
  CSS dla menu i problem z selektorami neferith 4 2,509 30-06-2016, 00:58
Ostatni post: Brain23
  MENU - poważny problem wysokości! asus 0 1,437 05-12-2014, 23:34
Ostatni post: asus
  Wędrujące menu przy scrollowaniu prezes778 1 2,794 02-03-2014, 16:31
Ostatni post: Kartofelek

Skocz do:


Użytkownicy przeglądający ten wątek: 1 gości
Sponsorzy i przyjaciele