603 Menu & Nav

Выпадающий элемент

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

Выпадающий элемент
640 Menu & Nav

Навигация с выпадающими пунктами

Навигация использующая jQuery плагины hoverIntent, easing и naviDropDown. Эффекты slideUp и slideDown можно установить самим. В демке два примера с горизонтальным и вертикальным вариантом меню.

Навигация с выпадающими пунктами
536 Menu & Nav

Роскошная навигация

Сделаем вертикальную навигацию с красивым эффектом при наведении на пункт меню. Цвета, метод easing и продолжительность можно настроить на свой вкус. Реализуется всё jQuery плагиноми flashyNav, hoverIntent и easing.

Роскошная навигация
409 Menu & Nav

Размытое меню

Сегодня сделаем простой эффект размытого меню с помощью CSS. Учтем и привередливость нашего старого... другом называть не хочется... Internet Explorer. Так что данный метод работает во всех браузерах.

Размытое меню
576 Menu & Nav

Меню в стиле lava lamp

Эффект плавного скольжения от одного элемента меню к другому. Одним словом лава ламп.

Меню в стиле lava lamp
577 Menu & Nav

Меню ввиде листьев

Горизонтальное меню сделанное на CSS3 ввиде листочков, которые проворачиваются вокруг своей оси и слегка увеличиваются в размерах при наведении на них куросра мыши. Оригинально и красиво сделано.

Меню ввиде листьев
472 Menu & Nav

Анимированное навигационное меню

Три варианта анимированного меню: с всплывающим описанием над элементом, с перемещающимся треугольничком под элементами, подобно лаваламп и так же похожий на лаваламп - эффект перемещения фона от одного пункта меню к другому.

Анимированное навигационное меню
635 Menu & Nav

CSS3 меню с jQuery эффектом

CSS3 меню с эффектом плавного появления, как если бы мы использовали jQuery. Меню реализовано только на CSS, а эффект плавного смещения пунктов навигации работает только в webkit браузерах (например, Google Chrome).

CSS3 меню с jQuery эффектом