Богатые JavaScript DHTML меню

Question

Может кто-нибудь предложить сценарий меню JS, который бы поддерживал такие меню, как те, которые сделаны здесь http://www.brightstarr.com/US/Pages/Default.aspx?

Я искал в Интернете, но не могу сформулировать это правильно, поэтому я всегда оказываюсь либо в Superfish, либо в каком-то другом простом выпадающем меню?

Мне нужна поддержка больших меню, разбитых на части с опцией поддержки изображений (изображение на ссылку меню).

Answer 1

Кажется, что конкретная страница вообще не использует JS для своего меню - просто CSS использует псевдокласс :hover. Нашел учебник здесь . Суть в том, что вы пишете всю разметку, которую требуют ваши dropdow, приправляют их стилями CSS по вкусу (и позиционированию!) И, наконец, помещаете :hover на место в вашей таблице стилей, чтобы просто отображать подменю, когда вы этого хотите. .

Answer 2

Мега-меню Сох Танаки - классический пример настройки этого стиля меню.Я бы сказал, что это золотой стандарт для сценариев мегаменю.После создания учебника должно быть легко делать все, что вы хотите, внутри элементов div для каждой соответствующей области.

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

Если приведенный выше пример слишком строг с <li> элементами, вы можете попробовать этот урок из SitePoint

Answer 3

Я написал меню для сайта BrightStarr.Он вообще не использует JS, я попробовал множество методов, прежде чем принять решение, и я выбрал его по той простой причине, что он работает намного лучше на мобильных устройствах, чем любое другое решение JS, с которым я сталкивался.

Answer 4

Я бы просто искал плагины для вашего любимого фреймворка JavaScript. Там, вероятно, около 1000, если вы ищете "плагин выпадающего меню jquery". Большие размеры и добавление изображений довольно стандартны в тех, что я использовал, так как они просто div. Я не знаю, привыкли ли вы работать с jquery, но я уверен, что есть плагины для всех других больших фреймворков.