Главная / Блог технологий продвижения и разработки сайтов / Вертикальное меню. CSS и JavaScript и rollover-эффект

Хотел написать про скрипт, который я обычно использую для создания вертикального меню при разработке сайтов. Однако, третьего дня нашёл замечательный веб-журнал «Квадо» откуда вышел на он-лайн сервис создания вертикальных меню.

Сам сервис для создания многоуровневого вертикального меню как обычно заморский. Даже обидно за наших программёров, неужто мы на такое не способны? Сайт позволяет подобрать текстуру, цвет фона, цвет фона в ролловере, маркер, направление стрелок меню и прочее. После создания того, что надо вы можете копирнуть код, либо скачать zip-архив. Сервис существует несколько месяцев, странно, что я до этого на него не выходил.

Сам я до сих пор использую скрипт многоуровневого вертикального меню, который нашёл на каком-то буржуйском сайте и оптимизировал под свои нужды.

В принципе, это вертикально меню уже фигурировало в моих статьях, точнее его модификация: вертикальное меню с fade-эффектом, толчком для написания статьи послужил сервис создания таких вертикальных JavaScript-меню. Точнее меню там можно делать и горизонтальные. В моём меню предусмотрено 2 уровня вложенности, можно и 4, просто я обычно больше двух не использую — пользователь как правило промахивается ). Надеюсь, в недалёком будущем смогу доработать это меню на предмет задержки перед закрытием вылезших пунктов. Скрипт вертикального меню, качаем, пользуем.

Для включения rollover-эффекта, лезем в CSS и убиваем комменты в разделах /* Root Menu Hover Persistence */ и /* 2nd Menu Hover Persistence */. Я обычно использую без ролловера, как в примере, — опять же дело вкуса.

UPD. А вот и вертикальное меню с задержкой перед скрытием. Позволяет пользователю не торопиться, делая выбор ;).