Существует множество готовых сценариев, которые можно очень быстро внедрить в ваш проект, а навигационные меню — это лишь один из элементов веб-сайта, который можно улучшить с помощью jQuery. И чтобы помочь вам сократить ваш процесс разработки, мы делимся с вами нашей коллекцией из 10 (готовых) действительно крутых плагинов jQuery Fly-out Menu — динамического меню, которое появляется слева или справа от главного меню рядом с выбранным. вещь.
1. jQuery & WordPress Slick Всплывающее меню всплывающего меню
Функции:
> Несколько гладких вкладок на страницу
> Установите точное положение выдвижной вкладки, используя комбинацию «местоположение» и «смещение»
> Установить текст для гладких вкладок
> Переключить вкладку открыть / закрыть с помощью внешних ссылок
> Возможность открыть вкладку при загрузке страницы
Исходный Демо
2. Простое всплывающее меню jQuery
Узнайте, как создать действительно простое всплывающее меню в этом руководстве.
Исходный Демо
3. УДИВИТЕЛЬНЫЙ CUFONIZED FLY-OUT МЕНЮ С JQUERY И CSS3
Полностью обрезанное меню страницы, которое имеет две приятные особенности: при наведении на элементы меню мы будем перемещать элемент состояния наведения, который адаптируется к ширине текущего элемента, и мы будем выдвигать панель описания с левой стороны страницы. , достигнув к текущему пункту меню.
Исходный Демо
4. Меню jQuery: стили Dropdown, iPod Drilldown и Flyout с поддержкой ARIA и поддержкой ThemeRoller
По умолчанию скрипт меню преобразует неупорядоченный список ссылок в простое выпадающее меню. Когда вы настраиваете меню с опцией «выпадающий», установленной в значение «истина», сценарий форматирует иерархический список как всплывающий.
Исходный Демо
5. MenuMatic
Принимает систематический упорядоченный или неупорядоченный список ссылок и использует MooTools 1.2, чтобы превратить его в динамическую систему выпадающего меню с улучшенным удобством использования и талантом.
Источник + Демо
6. Всплывающее меню jQuery
В этом посте я собираюсь показать вам, как создать этот эффект с помощью метода animate ().
Исходный Демо
7. Удивительный урок по jQuery Fly Out Menu
Это немного отличается от того, что вы обычно считаете «всплывающим» меню. Этот пример — действительно пользовательская сборка для веб-сайта, где вы хотите что-то эффектное и интерактивное, но оно не должно быть слишком гибким для размещения динамического контента.
Исходный Демо
8. Раскрывающееся меню Flex Level (v1.3)
Этот гибкий сценарий меню позволяет добавить многоуровневое раскрывающееся меню к любой ссылке на странице. Близкий родственник всплывающего меню уровня Flex, каждое меню может быть выпадающим или справа от элемента привязки (полезно, когда ссылка является ссылкой на боковую панель).
Источник + Демо
9. Вертикальное всплывающее меню JavaScript
Это анимированное всплывающее меню JavaScript чистое и легкое и занимает всего 1,6 КБ, оно было протестировано во всех основных браузерах и доступно бесплатно как для личных, так и для коммерческих проектов по лицензии Creative Commons.
Исходный Демо
10. JQuery — Anywidth Flyout
Всплывающее меню, управляемое jQuery, которое использует простые вложенные неупорядоченные списки, которые можно вкладывать настолько глубоко, насколько вам угодно, без необходимости изменения стиля или сценария. Каждое подменю будет всплывающим слева и закроется, если навести какие-либо родительские ссылки подменю или дочерние ссылки.
Источник + Демо