Блог ⁄ JavaScript ⁄ Вертикальное меню. CSS и JavaScript и rollover-эффект
Сам сервис для создания многоуровневого вертикального меню как обычно заморский. Даже обидно за наших программёров, неужто мы на такое не способны? Сайт позволяет подобрать текстуру, цвет фона, цвет фона в ролловере, маркер, направление стрелок меню и прочее. После создания того, что надо вы можете копирнуть код, либо скачать zip-архив. Сервис существует несколько месяцев, странно, что я до этого на него не выходил.
Сам я до сих пор использую скрипт многоуровневого вертикального меню, который нашёл на каком-то буржуйском сайте и оптимизировал под свои нужды.
В принципе, это вертикально меню уже фигурировало в моих статьях, точнее его модификация: вертикальное меню с fade-эффектом, толчком для написания статьи послужил сервис создания таких вертикальных JavaScript-меню. Точнее меню там можно делать и горизонтальные. В моём меню предусмотрено 2 уровня вложенности, можно и 4, просто я обычно больше двух не использую — пользователь как правило промахивается ). Надеюсь, в недалёком будущем смогу доработать это меню на предмет задержки перед закрытием вылезших пунктов. Скрипт вертикального меню, качаем, пользуем.
Для включения rollover-эффекта, лезем в CSS и убиваем комменты в разделах /* Root Menu Hover Persistence */ и /* 2nd Menu Hover Persistence */. Я обычно использую без ролловера, как в примере, — опять же дело вкуса.
UPD. А вот и вертикальное меню с задержкой перед скрытием. Позволяет пользователю не торопиться, делая выбор ;).
