Выпадающее меню?

Question

[versulterov]

Всем привет, есть такой вопрос. Часто сталкиваюсь, когда в меню по типу такого www.designchemical.com/lab/jquery-vertical-mega-me...
вертикальном или горизонтальном(не суть), нужно сделать так, ты наводишь мышкой на пункт меню, выпадает список, и нужно сделать чтобы если ты проводишь через соседний пункт(по типу что ты можешь вести мышкой через соседние пункты меню к выпавшему списку), список не скрывался или не менялся, я много видел как это работает, но не могу понять как это запилили, как например в amazon.com

при этом я веду мышью через соседние пункты, возможно кто-то делал такое

Comments

[Сергей delphinpro]

Меню управляется событиями мыши (mouseenter, mouseleave).
При наведении показывается подменю.
При уходе мышки ставится небольшой таймаут (миллисекунд 200-400), только по истечении которого скрывается выпадашка и/или показывается другая.
Ничего сложного.

[versulterov]

Попробуй на том же Амазоне, отставить курсор на другом пункте меню, когда проводишь к открывшемуся подменю, там либо тайм аут в пару часов стоит, либо сделано совершенно не так, к тому же тайм-аут тогда бы работал даже когда проводишь вниз по пунктам, но так переключает быстро

Answer 1

[Татьяна С]

Вот тут статья на эту тему bjk5.com/post/44698559168/breaking-down-amazons-me...
А вот тут сам плагин https://github.com/kamens/jQuery-menu-aim

Comments

[versulterov]

Человечище, это именно то, что я искал! Спасибо большое!

Answer 2

[Alex Kizyma]

Используй Bootstrap 3 там есть готовие решения, просто подключай копируй вставлять и юзай готовое. Для чего придумовать колесо?)
вот сайт: bootstrap-3.ru/index.php

Comments

[versulterov]

Какое колесо, прочитай в чем именно вопрос, там не важно на bootstrap или самописное меню, у меня к примеру на бутстрапе сделано