Shop Scripts

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

28-09-2018, 13:25

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

ДЕМО

СКАЧАТЬ

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

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

14-07-2018, 09:46

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

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

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

2-06-2018, 21:29

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

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

ДЕМО

СКАЧАТЬ

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

Lavalamp меню на CSS3

2-06-2018, 20:58

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

ДЕМО

СКАЧАТЬ

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

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

2-06-2018, 19:39

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

ДЕМО

СКАЧАТЬ

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

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

2-06-2018, 19:05

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

ДЕМО

СКАЧАТЬ

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

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

2-06-2018, 18:28

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

ДЕМО

СКАЧАТЬ

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

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

2-06-2018, 17:52

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

ДЕМО

СКАЧАТЬ

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

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

2-06-2018, 17:24

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

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

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

ДЕМО

СКАЧАТЬ

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

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

15-05-2018, 18:16

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

ДЕМО

СКАЧАТЬ

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

1 2

Навигация

Меню для сайта

Онлайн Сервисы

Бесплатно

Реклама партнеров

Это интересно

Поиск и оплата штрафов ГИБДД/Налогов/Исполнительных производств

Новости Портала

Николай Савельев - Взаимоотношения полов. Основы

Данная книга дает ответ на вопрос о том, что из себя представляют настоящие, здоровые и вечные отношения, как романтические, так и дружеские. Она будет полезна как людям уже состоящим в отношениях, ...

Экспресс-курс Рост продаж через контент (2019) PCRec

Небольшой курс в котором затронуты аспекты создания продающего контента. Состоит из 7-ми видео уроков, длительностью не более 30 минут каждый, также прилагаются домашние задания. За это время у вас ...

Супер Illustrator (2018) HD

Самый полный обучающий курс по созданию векторной графики в программе Adobe Illustrator. В курсе детально рассматриваются все возможности и инструменты программы Adobe Illustrator с самого нуля до ...

Реклама LinkSlot

Купить ссылку здесь за руб. в неделю Поставить к себе на сайт

Реклама Партнеров

Поддержите проект

Статистика