Одна кнопка вертикальное меню аккордеон CSS + javascript
1-03-2011, 19:07. Разместил: Admin
Сложная очень эффектная вертикальная навигация на javascript в стиле аккордеон реализованная одной кнопкойМеню реализовано списком определений, в описание определения вложен маркированный список и вся эта красота спрятана в одной кнопке. Раскрывающийся список меню абсолютно позиционирован и раскрывается поверх всех элементов на странице, что бывает очень удобно при нехватке или экономии места. Меню корректно работает во всех нормальных браузерах, код валидный DTD XHTML 1.0 Strict, валидацию можно проверить кнопочкой внизу справа на примере меню.
Новичку будет сложно добавить что-то своё в эту навигацию, описывать реализацию я не буду, дам лишь несколько важных замечаний:
Добавлять категории больше чем в примере нельзя, меньше можно
Идентификаторы категорий не должны повторяться
Последняя категория должна быть НЕРАСКРЫВАЮЩЕЙСЯ
В общем берём и пользуемся как есть, ну, естественно со своими ссылками и названиями.
Посмотреть пример одна кнопка вертикальное меню аккордеон CSS + javascript
Скачать готовый пример одна кнопка вертикальное меню аккордеон CSS + javascript
Пользуемся на здоровье! И не забываем комментировать.
Вернуться назад