В этой статье я расскажу, как при помощи обычного HTML-кода и несложных CSS-правил, можно создать отличное выпадающее меню, которое легко менять и дополнять. И для этого нам не понадобится никакой JavaScript-код! Данное меню будет украшать ваш сайт и подойдет под любой дизайн. А если Вы знаете CSS, то вам не составит проблем подкорректировать меню под себя.

Используя возможности CSS3 в этом уроке сделаем диагональное меню, и напишем media queries, чтобы придать ему адаптивности.

Отличное и удобное выпадающие Gui меню на jQuery. При нажатие на ссылку "Настройки" выпадает меню с четырьмя категориями "Профиль", "Аватар", "Подпись", "Выйти". Каждую категорию Вы можете переписать в HTML коде. Данное меню состоит из HTML, CSS, jQuery.

Вертикальное раскрывающееся меню типа Accordion, в стиле flat. Простое в понимании и стилизации. В меню также отображается количество дочерних элементов у родителя, если они есть. Данное меню красного цвета, цвет покатегорий белый. Меню состоит из HTML, CSS и jQuery.

Вертикальное, многоуровневое меню типа Accordion, раскрывающееся по клику на стрелке. Красиво подойдет как под светлый, так и под темный дизайн сайта. Цвет самого меню синий, цвет подкатегории темно-серый. Данное меню состоит из HTML, CSS и jQuery.