baskerville42
@baskerville42
Учусь работать (Junior)

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

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

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

Попробую объяснить на скриншоте. joxi.ru/9V1zUxjKTJCzRsxg6XU
Красным показано, как бы этим меню пришлось пользоваться, если бы меню выскакивало, к примеру, через css (:hover), с точки зрения юзабилити это неправильно, так как курсор надо сначала опустить вниз, а потом тащить вправо к самому крайнему пункту. Но разработчики этого сайта сделали иначе, как показано синей линией. Можно добраться к любому пункту подменю, пересекая при этом основные пункты. Вот и встал вопрос: как правильно соорудить такую же задержку?
  • Вопрос задан
  • 3096 просмотров
Решения вопроса 2
SolidlSnake
@SolidlSnake
Ваш дружелюбный сосед
Не понимают люди, что вам нужно.
Алгоритм сам по себе не должен быть трудным - простая задержка перед сменой.
Где-то на хабре была статья на подобную реализацию от Amazon, годная штука, даже смотрела на то, как именно движется мышка, чтобы работать точнее.
Ответ написан
Комментировать
baskerville42
@baskerville42 Автор вопроса
Учусь работать (Junior)
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
iiil
@iiil
Инженер и вэб-дизайнер, рисую.
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
25 апр. 2024, в 11:02
5000 руб./за проект
25 апр. 2024, в 10:42
150000 руб./за проект
25 апр. 2024, в 10:41
2000 руб./за проект