Падащо меню 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, от друга страна, се уверете, че видът и усещането са лесно cuztomizable.

Навигационно меню на всички нива (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). [Демо | Изтегли]

Мега падащо меню. Падащо меню, което съдържа повече от просто нова линия от връзки. Той също прави групи връзки и да направи nagivation много по-лесно! [Демонстрация]

MooTools

JavaScript падащото меню използва Mootools. Лесен и ненатрапчив начин за създаване на падащо меню с Mootools 1.2. [Демо | Изтегли]

Падащо меню на UvumiTools. Обикновено многостепенно меню, изградено от нередовен HTML списък, използвайки Mootools Javascript Framework.

Unobstrusive Mootool Падащо меню

Mimics

Проектиране на Digg Header. Стъпка по стъпка урок за това как да се изгради падащо меню, което наистина прилича на Digg's. [Демо | Изтегли]

Разни.

izzyMenu. Създайте професионално изглеждащи CSS менюта за вашия уеб сайт онлайн, без да пишете нито един ред код или просто да използвате някои от готовите.

PureCSS меню. Безплатен генератор на CSS падащо меню