Какое ваше любимое раскрывающееся меню JS / CSS?

Хотите внедрить его на веб-сайте, просто интересно, что использовали все остальные и какой у них был опыт.

РЕДАКТИРОВАТЬ Я тоже не большой поклонник, но клиент настойчив, и в этом случае они могут щелкнуть по части "hoverable", а затем перейти оттуда к тем же страницам в раскрывающемся списке, так что в основном это будет просто способ получить на страницы одним щелчком мыши меньше

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
0
687
7

Ответы 7

Я не люблю их, стараюсь избегать их по мере возможности.

Я использую на сайте Стива Гибсона grc.com. Это чисто CSS - не использует Javascript. Это не так уж и интуитивно, и есть части, специфичные для IE, но работает хорошо.

Я использую YUI Меню. Он довольно гибкий, предлагает множество методов объявления того, что находится в списке, и его легко скинуть.

Мне очень нравится выпадающее меню Suckerfish из Список отдельно. Его действительно легко реализовать (я сделал это сам, и я не особо разбираюсь в веб-программировании) и даже работает в IE.

См. Также «Сын морской рыбы» htmldog.com/articles/suckerfishhtmldog.com/articles/suckerfish/dropdowns

Andy Ford 07.01.2009 23:37

Все, что имеет в названии «Сын», заставляет меня думать о старых фильмах ужасов категории «В», и поэтому автоматически становится потрясающе. :)

Bill the Lizard 08.01.2009 00:24

Стоит проверить superfish, который немного расширяется на suckerfish.

Суперфиш - это расширение Suckerfish на jQuery, которое поддерживает несколько уровней раскрывающегося списка и различные варианты компоновки.

Он красиво деградирует:

  • С Javascript и CSS выпадающие списки красиво исчезают, а в меню есть другие улучшения.
  • Только с CSS раскрывающиеся списки по-прежнему работают (поддерживается IE6).
  • Ни в том, ни в другом случае меню превращается в неупорядоченный вложенный список.

Я использую это сейчас, и мне это нравится.

Рекомендую mygosuMenu.
со страницы:
- горизонтальное или вертикальное меню
- может позиционироваться статически или абсолютно - задержка отображения / скрытия меню (можно отключить, установив на 0)
- положение подменю может быть изменено, поэтому они могут, например, переполнять родительские элементы
- на одной странице может быть создано много меню
- разделено на 3 уровня: поведение (javascript), структура (html), представление (css)
- дружественный поисковику - бесплатно для любого использования (лицензия BSD)

Другие вопросы по теме