Репликация поведения выпадающего меню в Javascript - PullRequest
0 голосов
/ 16 июля 2011

Одна из вещей, которые я заметил в выпадающих меню в OS X, это то, как они работают с переходом в подменю.Если у вас открыто меню и вы хотите открыть из него подменю, подменю остается открытым, пока указатель находится в определенной конусообразной области, выходящей из боковой части меню.Если мышь покидает эту область, то меню немедленно закрывается, но, когда мышь находится в этом конусе, меню никогда не закрывается.Это также позволяет перемещать мышь по диагональному пути, чтобы достичь элемента в подменю.

С другой стороны, подменю на большинстве веб-сайтов закрываются, если вы не будете осторожно перемещать мышь по ряду прямых линий.чтобы добраться до пункта подменю.На веб-сайтах с лучшим дизайном (Google Docs делает это, как и другие), перед закрытием меню возникает задержка, которая решает проблему с диагональным путем, но интерфейс кажется не отвечающим.

Есть ли способповторить поведение OS X в веб-меню?Я не очень знаком с некоторыми из более эзотерических техник.Я думал что-то вроде ручного добавления в конусную область (как прозрачное изображение или что-то в этом роде) и использования mousein и mouseout в этой области для обработки отображения и скрытия меню.Я не совсем уверен, как это сделать.

1 Ответ

1 голос
/ 16 июля 2011

Если я правильно понял ваш вопрос ... Проверьте это:

DEMO MENU

Может ли это помочь?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...