Dwupoziomowe menu na stronę ale drupi poziom w formie poziomej nie pionowej

0

Witam,

mam pytanie dotyczące menu rozwijalnego na stronkę. Szukałem na stronie google gotowego skryptu i jest ich dość dużo ale nie do końca takie jakie mi potrzebne.

Sprawa wygląda tak, potrzebuję poziome menu ale jak któraś pozycja ma jeszcze jakieś podmenu to potrzebuję żeby też wyświetlało się w formie poziomej, jakby w drugim wierszu (pod menu głównym).

Próbowałem powalczyć ze skryptami z neta (pierwszy poziom wyświetla się poziomo ale drugi wyświetla się pionowo) ale poległem.

jakby ktoś miał temat ogarnięty to proszę o pomoc ew. link.

pozdrawiam

0

Najtrudniejsze w takich menu jest nie zrobienie tego od strony technicznej, tylko raczej zrobić to w ten sposób, żeby nie wkurzyć użytkownika (zwykle jest tak, że człowiek najeżdża na pozycję w menu, potem przesuwa kursor, niechcący wyleci myszą poza prostokąt menu i menu się chowa. I jeszcze raz trzeba. I tak dalej. Im więcej poziomów menu - niektórzy robią nawet kilku poziomowe menu - tym gorzej).

Z tego powodu nie jestem fanem tego typu rozwiązań, ale jeśli miałbym robić, to zadbałbym o to, żeby takie menu nie znikało co chwila.

Najgłupsze menu można zrobić w kilka minut, wsadzając do pozycji w menu ukrytego diva, który się na :hover będzie pokazywał - to można w CSS zrobić. Tylko znowu - taka naiwna implementacja będzie słaba. Może więc należałoby zadbać o jakieś opóźnienie, albo o łapanie zdarzenia mouseLeave w JS gdzieś wyżej w hierarchii elementów, np. traktować cały obszar pod menu, jako menu, i chować menu tylko jak użytkownik wyjedzie naprawdę daleko? (na serio, wykrywanie momentu kiedy należy pokazać, a kiedy schować menu, to najtrudniejsza rzecz w implementacji, bo związana z UX, a nie tylko z JS/CSS).

Tylko znowu - trzeba jeszcze zbadać jak będzie to na mobilkach działać...

0

Dzięki za podpowiedzi i linki.
Przejrzałem to pobieżnie (brak czasu w tej chwili) i wydaje się , że drugi link to to o co mi chodzi :)

piękne dzięki

1 użytkowników online, w tym zalogowanych: 0, gości: 1