Випадаюче меню 30+ Корисні скрипти для покращення навігації заголовком

Випадаюче меню (також відомий як випадаюче меню) є важливим у більшості веб-дизайну. Він відіграє важливу роль у створенні ефективного та зручного для користувача сайту. Це гарне рішення, щоб урізати довге меню, яке перевантажує простір на екрані, щоб вони могли відображатися в шаблоні категорії категорія-під-категорія.

У цій статті ми хотіли б показати вам деякі з найкращі сценарії випадаючого меню ми дізнаємося. Ці випадаючі меню відрізняються від CSS тільки, CSS & Javascripts та меню, яке буде працювати з поточною бібліотекою Javascript jQuery, MooTools і Прототип. Повний список після стрибка.

Нижче наведено деякі пов'язані статті, які, на нашу думку, можуть зацікавити вас:

Створення HTML-таблиць
Початкові комплекти для веб-дизайнерів
Сценарії навігації на основі вкладки CSS

CSS (тільки)

Якщо ви турбуєтеся про вимкнення Javascript на браузері клієнта, ці випадаючі меню css-only не підірвуть вас.

Рамка випадаючого меню CSS. Назва говорить все це. Це фреймворк, випущений під GNU General Public License. Хрест браузер сумісний, легкий і легкий трансформується, щоб імітувати багато існуючих меню, що випадають. Наприклад, Flickr, Adobe та MTV.com.

У випадаючому меню Ultimate CSS only

Випадаючі меню CSS Express. Допоможіть вам створити швидке (експрес) випадаюче меню CSS без деяких обмежень, знайдених у деяких інших "чистих" меню CSS.

CSS + Javascripts

За допомогою Javascript, випадаюче меню є більш інтерактивним або принаймні вони отримують деякі тонкі анімації, які підвищують досвід користувачів. CSS, з іншого боку, переконайтеся, що зовнішній вигляд легко відчувається.

Навігаційне меню всіх рівнів (v2.2). Меню на основі списку CSS / HTML з підтримкою нескінченних рівнів підменю. Це легкий і легкий у реалізації.

Випадаючі вкладки (5 стилів). Випадаючі вкладки - це горизонтальна вкладка CSS, яка підтримує випадаюче меню другого рівня для кожної її вкладки. Поставляється в 5 різних стилях.

Випадаюче меню Chrome CSS. Меню Chrome - це гібридне спадне меню CSS і JavaScript. Легко налаштувати і зручно шукати. Основна панель меню складається зі списку CSS, а у спадному меню - звичайні теги DIV на сторінці.

jQuerys

Якщо ви реалізували бібліотеку jQuery Javascript на своєму сайті, ось деякі справді цікаві випадаючі меню на основі jQuery, які потрібно знати.

Плавне навігаційне меню . Плавне меню навігації - це багаторівневе меню на основі списку CSS, що використовує jQuery, що робить навігацію по сайту гладкою справою. Ось ще одна подібна - JQuery Multi Level CSS Menu.

Superfish. Superfish - це розширене меню JQuery платного стилю Suckerfish, який приймає існуюче чисте CSS-випадаюче меню (так що витончено без JavaScript). [Демо | Завантажити]

Мега-випадаюче меню. Випадаюче меню, що містить більше, ніж просто нову лінію посилань. Вона також робить групу посилань і полегшує нагівацію! [Демо]

MooTools

JavaScript випадаючого меню за допомогою Mootools. Легкий, ненав'язливий спосіб створити випадаюче меню з Mootools 1.2. [Демо | Завантажити]

Випадаюче меню UvumiTools. Просте багаторівневе меню, створене з нестандартного списку HTML, за допомогою Mootools Javascript Framework.

Ненав'язливий Mootool випадаючого меню

Міміки

Створення заголовка Digg. Крок за кроком підручник про те, як побудувати випадаюче меню, яке дійсно схоже на Digg's. [Демо | Завантажити]

Різне.

izzyMenu. Створіть професійне меню CSS для вашого веб-сайту в Інтернеті, не пишучи жодного рядка коду або просто використовуйте деякі з готових.

Меню PureCSS. Безкоштовний генератор CSS випадаючого меню