Как реализовать «правильное» меню?

Question

[Alexander Tartmin]

www.alpari.ru - интересный пример меню. При наведении на какой-либо пункт подменю появляется с задержкой, что позволяет переходить от одного пункта меню к другому по "любой траектории". Может, кто знает плагин, которым это можно повторить, или способ реализации?

Тут вся фишка меню в том, что при наведении на основные пункты меню выезжает подменю. И пока подменю выехавшее, можно быстро навести и убрать курсор с другого основного пункта меню, а подменю, которое уже до этого было отображено, останется.

Попробую объяснить на скриншоте. joxi.ru/9V1zUxjKTJCzRsxg6XU
Красным показано, как бы этим меню пришлось пользоваться, если бы меню выскакивало, к примеру, через css (:hover), с точки зрения юзабилити это неправильно, так как курсор надо сначала опустить вниз, а потом тащить вправо к самому крайнему пункту. Но разработчики этого сайта сделали иначе, как показано синей линией. Можно добраться к любому пункту подменю, пересекая при этом основные пункты. Вот и встал вопрос: как правильно соорудить такую же задержку?

Answer 1

[Константин Довнар]

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

Answer 2

[Alexander Tartmin]

www.dte.web.id/2012/10/hovertimeout-plugin-kecil-s...
dte-project.googlecode.com/svn/trunk/simple-hoveri... - демка
вот плагин правильного меню

Answer 3

[Юрий Лобанов]

jsfiddle.net/iiil/FAL9u

Comments

[Alexander Tartmin]

Такой подход я пробовал - не то. Тут вся фишка меню в том, что при наведении на основные пункты меню, выезжает подменю. И пока подменю выехавшее можно быстро навести и убрать курсор с другого основного пункта меню, а подменю которое уже до этого было отображено останется.
Попробую объяснить на скриншоте. joxi.ru/9V1zUxjKTJCzRsxg6XU
Красным показано как бы этим меню пришлось пользоваться, если бы меню выскакивало к примеру через css (:hover), с точки зрения юзабилити это не правильно, так как курсор надо сначало опустить вниз, а потом тащить вправо к самому крайнему пункту. Но разработчики этого сайта сделали иначе, как показано синей линией. Можно добраться к любому пункту подменю, пересекая при этом основные пункты. Вот и встал вопрос: как правильно соорудить такую же задержку.