Раскрывающееся меню 30+ полезных скриптов для улучшения навигации по заголовку
Выпадающее меню (также известный как выпадающее меню) является важным в большинстве веб-дизайна. Он играет важную роль в создании эффективного и удобного веб-сайта. Это хорошее решение для обрезки длинного меню, которое перегружает экранное пространство, заставляя их отображаться в более организованном шаблоне подкатегория категории.
В этой статье мы хотели бы показать вам некоторые из лучшие скрипты выпадающего меню мы узнаем. Это раскрывающееся меню варьируется от CSS только, CSS и Javascripts и меню, которое будет работать с вашей текущей библиотекой Javascript, как JQuery, MooTools а также Прототип. Полный список после прыжка.
Вот некоторые похожие статьи, которые, как мы выяснили, могут вас заинтересовать:
- Создание HTML-таблиц
- Стартовые наборы для веб-дизайнеров
- Скрипты навигации на основе вкладок CSS
CSS (только)
Если вас беспокоит отключение JavaScript в браузере клиента, это выпадающее меню css-only не подведет вас.
CSS-выпадающее меню. Название говорит обо всем. Это фреймворк, выпущенный под GNU General Public License. Кросс-браузер совместим, легкий и легко трансформируемый, чтобы имитировать множество существующих выпадающих меню. Например, Flickr, Adobe и MTV.com.
Ultimate CSS только выпадающее меню
Выпадающие меню CSS Express. Помочь вам создать быстрое (экспресс) раскрывающееся меню CSS без каких-либо ограничений, встречающихся в некоторых других «чистых» меню CSS.
CSS + Javascripts
С помощью Javascript раскрывающееся меню становится более интерактивным или, по крайней мере, получает некоторую тонкую анимацию, улучшающую пользовательский опыт. CSS, с другой стороны, убедитесь, что внешний вид легко и просто.
Навигационное меню всех уровней (v2.2). Меню на основе списка CSS / HTML с поддержкой бесконечных уровней подменю. Это легкий и простой в реализации.
Раскрывающиеся вкладки (5 стилей). Раскрывающиеся вкладки - это горизонтальное меню вкладок CSS, которое поддерживает раскрывающееся меню второго уровня для каждой из своих вкладок. Поставляется в 5 разных стилях.
Выпадающее меню Chrome CSS. Chrome Menu - это гибридное раскрывающееся меню CSS и JavaScript. Это легко настроить и дружественный для поисковых систем. Основная строка меню состоит из списка CSS, а выпадающие меню представляют собой обычные теги DIV на странице..
jQuerys
Если вы внедрили JQuery Javascript Library на своем сайте, вот несколько действительно интересных выпадающих меню на основе jQuery, о которых вы должны знать.
Плавное навигационное меню . Плавное меню навигации - это многоуровневое меню на основе списка CSS, использующее jQuery, что делает навигацию по сайту гладкой. Вот еще один похожий - jQuery Многоуровневое меню CSS.
Superfish. Superfish - это улучшенный плагин jQuery для меню в стиле Suckerfish, в котором используется существующее выпадающее меню на чистом CSS (так что оно без изящества ухудшается без JavaScript). [Демо | Скачать]
Мега выпадающее меню. Выпадающее меню, которое содержит больше, чем просто новую строку ссылок. Это также делает групповые ссылки и упрощает наговорство! [Демо]
MooTools
Выпадающее меню JavaScript с помощью Mootools. Простой, ненавязчивый способ создания выпадающего меню с помощью Mootools 1.2. [Демо | Скачать]
Выпадающее меню UvumiTools. Простое многоуровневое меню, построенное из неупорядоченного списка HTML с использованием Mootools Javascript Framework.
Ненавязчивое выпадающее меню Mootool
Mimics
Проектирование заголовка Digg. Пошаговое руководство по созданию выпадающего меню, которое действительно похоже на Digg. [Демо | Скачать]
Разное.
izzyMenu. Создавайте профессионально выглядящие CSS-меню для своего веб-сайта без написания одной строки кода или просто используйте некоторые из готовых..
PureCSS Menu. Бесплатный генератор CSS выпадающего меню
