С информацией
Только заголовки

Фиксированное гамбургер-меню

Фиксированное гамбургер-меню на jQuery с анимированным появлением его элементов

Данное меню не рассчитано на большое количество пунктов, но отлично будет смотреться как навигационное на небольшом сайте или как вспомогательное.

Открытие и закрытие меню реализовано с использованием библиотеки jQuery

Читать далее

Адаптивное мега-меню на jQuery

Очень простое, удобное и функциональное меню на jQuery

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

Читать далее

Простое горизонтальное меню на CSS

Пример создания на CSS простого горизонтального меню с выпадающими списками.

Меню не имеет альтернативной мобильной версии, но она может и не пригодиться, т.к. пункты меню хорошо складываются на узких экранах.

Читать далее

Полноэкранное мобильное меню

Полноэкранное мобильное меню с фиксированной иконкой-гамбургер

Решение выполнено с использованием библиотеки jQuery

Читать далее

Выдвижная боковая панель на CSS

Пример создания выдвижной боковой панели средствами CSS

Данное решение сделано с использованием флажка checkbox и не требует скриптов.

Использовать такую панель можно как угодно, например, для создания меню, формы обратной связи, регистрации/авторизации или любой другой информации

Читать далее

Гармошка из фотографий на jQuery

Плагин jQuery splits-slider Plugin для создания горизонтального аккордеона фотографий

Автор назвал данный плагин слайдером, но мне он больше напоминает горизонтальный аккордеон.

Читать далее

Многоуровневое вертикальное меню

Многоуровневое вертикальное меню с выпадающим списком по клику на плюсик

Отличие данного меню, от большинства аналогичных, в том, что открытие (закрытие) подуровня происходит по клику на плюс (минус), а не на название. Таким образом, все ссылки в данном меню являются активными.

Меню работает на checkbox‘ax, без подключения JavaScript

Для пользователей HostCMS 6 добавлен XSL-шаблон для вывода разделов интернет-магазина этим меню, и код вставки этого шаблона в макет.

Читать далее