Любой веб-дизайнер всегда ищет творческие подходы к навигации на созданном им сайте. Меню должно быть не только красивым и стильным, но еще и удобным. Вашему вниманию представлены десять замечательных меню, которые созданы с помощью Javascript и использованием CSS. Все меня достаточно удобны в использовании, они легко могут быть изменены под нужды и дизайн вашего заказчика или ваши. Все меню сопровождаются живыми примерами.

Эндрю Селлик воспользовался MooTools для создания «гладкости» эффектов, а для разработки скользящего меню он воспользовался, script.aculo.us.

Sexy Sliding Menu.

FastFind Menu Script. Этот скрипт позволит разработать динамичные меню, в которых будет использована технология Ajax. С помощью jQuery так же возможна поддержка технологии drag’n’drop.

FastFind Menu Script

Webber 2.0 Dock Menu. Потрясающий пример состыкованного всплывающего меню.

Webber 2.0 DockMenu.

Phatfusion – ImageMenu. Пример меню, основанного на изображениях. Работает на javascript. OnClick помогает закрепить текущий пункт или открыть ссылку.

Phatfusion – Image Menu

Context Menu Functionality. Отличный пример контекстного меню, которое сделано при использовании MooTools

Context Menu Functionality

LavaLamp jQuery Sliding Menu. Показан отличный вариант jQuery меню, с очень элегантным эффектом скольжения подсветки пунктов. Такой эффект был создан Гильермо Раучем. Он использовал библиотеку MooTools.

LavaLamp jQuery Sliding Menu

Slashdot Menu – Dynamic Drive. Очень стильный вариант разворачивающегося меню, которое представляет собой модифицированный вариант меню сайта slashdot.org.

Slashdot Menu – Dynamic Drive

CSS Dock Menu. Пример особенно понравится самым ярым сторонникам продукции Apple, любителям дизайна «яблока» придется по душе пристыковывающееся CSS меню, которое было разработано Ником Ла. Здесь использована библиотека jQuery. Кроме того компонент Fisheye и некоторые из его иконок.

CSS Dock Menu

jQuery Plugin: Sliding Menu. Достаточно простое меню со скользящим эффектом. Это по сути плагин к jQuery.

jQuery Plugin: Sliding Menu

Accessible expanding and collapsing menu. Стильный строгий пример самого обычного выпадающего меню.

Accessible expanding and collapsing menu.

На самом деле примеров меню, которые созданы с использованием JS и CSS очень много, и их список пополняется ежедневно.