Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Как сделать двухуровневое меню, как на сайте http://www.mvideo.ru/ ? (https://javascript.ru/forum/dom-window/46175-kak-sdelat-dvukhurovnevoe-menyu-kak-na-sajjte-http-www-mvideo-ru.html)

mbp64 31.03.2014 17:39

Как сделать двухуровневое меню, как на сайте http://www.mvideo.ru/ ?
 
Пытаюсь сделать двухуровневое меню, как на сайте http://www.mvideo.ru/.

меню первого уровня расположено в колонке слева, а в колонке справа появляется подменю, в зависимости от того,
на каком пункте меню первого уровня стоит курсор.

Проблема в том, что когда я перехожу на открытое подменю, оба меню закрываются. Подскажите, как отслеживать переходы на подменю и выход за пределы меню?

Помогите пожалуйста, очень нужно.

рони 31.03.2014 18:08

mbp64,
Разворачивающееся меню

mbp64 31.03.2014 18:21

Проблема в том, что у меня меню первого и второго уровня находятся
в непересекающихся областях:
<div class="primary">

... меню 1
</div>
<div class="secondary">
...
подменю

</div>


Если сделать иначе, развалится форматирование, а верстальщик уволился. :(
Можно так что-нибудь сделать?

рони 31.03.2014 18:28

mbp64,
а где вы в примере увидели пересекающие области меню и подменю?

mbp64 31.03.2014 18:37

Прошу прощения, я уже плохо соображаю

mbp64 31.03.2014 20:04

Всё-таки я не понимаю, как он работает

рони 31.03.2014 20:22

mbp64,
при уходе с меню или подменю -- включается таймер на 500ms если за это время на подменю или меню курсор невернулся убрать подменю -- если курсор на меню вернулся обнулить таймер

есть ещё метод job если самому никак.

mbp64 01.04.2014 09:18

Ясно, спасибо


Часовой пояс GMT +3, время: 08:57.