Аккордеон на CSS
Вариант создания аккордеона на чистом CSS
2 примера создания аккордена без использования скриптов.
Один работает с использованием радиокнопок <input type="radio" /> , а другой с флажками <input type="checkbox" />
Блочное меню со сменой фона
Меню на графическом фоне, который меняется при выборе каждого пункта
Решение выполнено на чистом CSS
Оформление хлебных крошек
5 вариантов оформления хлебных крошек
«Хлебные крошки» – это цепочка из ссылок от главной страницы сайта до текущей.
В данной теме представлено 5 вариантов оформления таких ссылок.
Настраиваемое контекстное меню на элементе
Настраиваемое меню вызываемое правой кнопки мыши на заданном элементе
Очень простой jQuery код, вызывающий собственное меню по нажатию правой кнопки на нужном элементе.
Вместо меню можно использовать сообщение или показать другую информацию.
Фиксированное гамбургер-меню
Фиксированное гамбургер-меню на jQuery с анимированным появлением его элементов
Данное меню не рассчитано на большое количество пунктов, но отлично будет смотреться как навигационное на небольшом сайте или как вспомогательное.
Открытие и закрытие меню реализовано с использованием библиотеки jQuery
Адаптивное мега-меню на jQuery
Очень простое, удобное и функциональное меню на jQuery
Преимуществом данного меню является то, что для отображения его выпадающих списков не используются CSS-классы .
Простое горизонтальное меню на CSS
Пример создания на CSS простого горизонтального меню с выпадающими списками.
Меню не имеет альтернативной мобильной версии, но она может и не пригодиться, т.к. пункты меню хорошо складываются на узких экранах.
Полноэкранное мобильное меню
Полноэкранное мобильное меню с фиксированной иконкой-гамбургер
Решение выполнено с использованием библиотеки jQuery
Выдвижная боковая панель на CSS
Пример создания выдвижной боковой панели средствами CSS
Данное решение сделано с использованием флажка checkbox и не требует скриптов.
Использовать такую панель можно как угодно, например, для создания меню, формы обратной связи, регистрации/авторизации или любой другой информации
