Menu pionowe wysuwane w bok


(1q2w3e4r) #1

Witam

 

Potrzebuję takie menu jak na tej stronie: 

bdsklep.pl

Proszę o linka do jakiegoś przykładu bo ciężko znaleźć menu tego typu.

 

Pozdrawiam


(stasinek) #2

ale nie rozumiem? co w Ci w nim sprawia trudność? przecież to najbardziej prymitywna forma menu jaką można wymyślić?

treść ma stałą pozycje więc wystarczy zmieniać divom display none/block

poza tym wygląda że wyskakujące pole ma pozycje fixed

http://jsfiddle.net/gajfk/1/

 

w tagi "ul" "li" owego pionowego menu wystarczy dodać "a" żeby można było klikać w kategorie również bez javascriptu,

aby wyróżniać najechane wstawić wewnątrz "li" divy z obrazkiem background zmieniającym się zaleznie od hover

lub w css ".hover" "::after" żeby dodać efekty po najechaniu (pokazujący się trójkącik)

można by więc nawet zrobić całe to menu bez użycia javascriptu samym css

 

pokazywanie i ukrywanie bloczka z treścią można zrobić wykorzystując eventa onmouseover z jquery jak w pierwszym linku

lub prościej->

http://www.w3schools.com/jsref/event_onmouseover.asp

 

morze przykładów "Try It!" powodzenia w nauce