Shop Scripts

Простое 2-х уровневое горизонтальное меню

28-09-2018, 13:25

Классический вариант горизонтального выпадающего меню на голом CSS и HTML по структуре из комбинаций тегов UL и LI, который встречается на большинстве сайтов, в том числе и WordPress.
Приведенный пример реализует двухуровневое выпадающее меню, то есть когда из горизонтального блока выпадает вертикальный. Если же вам нужно трехуровневое меню, когда из выпавшего вертикального меню необходимо появление еще одного подменю, то предложенное решение необходимо доработать. Меню содержит минимум оформления и требует доработки под дизайн сайта, где оно будет внедряться.

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Многоуровневые меню

Вертикальное Accordion меню

14-07-2018, 09:46

Вертикальное многоуровневое меню типа аккордеон, раскрывающееся по клику на стрелке.
Простая установка на сайт с любой CMS.

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Многоуровневые меню

Горизонтальное раздвижное CSS3 меню одна кнопка

2-06-2018, 21:29

Эффектный пример CSS3 навигации реализованный одной кнопкой.

При наведении на кнопку меню - навигация раздвигается в разные стороны по горизонтали благодаря свойству CSS3 анимации transition.

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Одноуровневые меню

Lavalamp меню на CSS3

2-06-2018, 20:58

Скользящий эффект для меню при наведении, который более известен, как lavalamp эффект. Эффект реализован только на CSS с помощью transitions и селектора ~.

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Одноуровневые меню

Стильное фантастическое меню-шапка на CSS3

2-06-2018, 19:39

Для реализации такого стильного эффекта используется CSS3 свойство transition.
Шапка меню выполнено маркированным списком с разным уровнем вложенности.

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Многоуровневые меню

Простое и стильное горизонтальное выпадающее javascript clickMenu

2-06-2018, 19:05

Древняя горизонтальная менюшка, свёрстана маркированным списком, выпадение реализовано на jаvascript.
Выпадает при клике по категории, закрывается так же при клике.

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Многоуровневые меню

Virtual Tree - Меню в виде дерева

2-06-2018, 18:28

Простое меню на jаvascript, вставить можно куда угодно.

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Многоуровневые меню

Вертикальное accordion jQuery меню

2-06-2018, 17:52

Вертикальное многоуровневое меню типа аккордеон на jQuery, раскрывающееся по клику на стрелке.

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Многоуровневые меню

Flat accordion menu - вертикальный аккордеон

2-06-2018, 17:24

Вертикальное раскрывающееся меню типа аккордеон в стиле flat design. Простое в понимании и стилизации.

В меню также отображается количество дочерних элементов у родителя, если они есть.

Класс has-sub указываем у тех пунктов, у которых есть дочерние элементы.

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Многоуровневые меню

Выскальзывающее меню на CSS и jQuery

15-05-2018, 18:16

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

ДЕМО

СКАЧАТЬ

hazardcd Категория: Меню для сайта / Многоуровневые меню

1 2