860 Menu & Nav

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

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

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

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

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

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

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

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

Меню в стиле lava lamp
1 133 Form

Изменение формы select

В уроке будем менять стиль стандартной формы select с помощью jQuery. Способ работает в Firefox, Safari, Chrome, IE7+ и т.д. Функциональность стандартная - простой <select> и для <option> используется атрибут title, в котором указан путь до иконки. Для работы нужен jQuery 1.4 или выше.  

Изменение формы select
904 Menu & Nav

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

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

Меню ввиде листьев
2 646 Slider

gSlider - Интерактивный слайдер

Слайдер изображений, при клике по картинке происходит её увеличение с возможностью пролистывания уже увеличенных изображений слайдера. Также имеется возможность подписи. Работает во всех браузерах.

gSlider - Интерактивный слайдер
1 408 Slider

Вертикальный раздвижной аккордеон

В этой уроке речь пойдет о вертикальном аккордеоне с возможностью слайдера реализованного конечно же на jQuery. Кусочек аккордеона раздвигается при клике и показывает дополнительную информацию, например текст, а другие кусочки станут прозрачнее и сожмутся. Переход к следующему слайду производится с помощью стрелочек или же колесиком мышки (плагин jQuery Mousewheel от Brandon Aaron).

Вертикальный раздвижной аккордеон
728 Menu & Nav

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

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

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

Граница двумя цветами

Стандартными возможностями CSS сделаем border - границу из двух разных цветов с помощью параметров outline и border, а также сделаем эти две границы круглыми.

Граница двумя цветами
2 720 Layout

Переключатель стилей с превью

jQuery плагин простого изменения стиля страницы с помощью переключения. При наведении на ссылку происходит смена стиля (демонстрация), а при нажатии на неё - подтверждение смены стиля. Важным моментом является поддержка cookies без использования php, но можно и с ним. Плагин работает на IE6+, Firefox, Safari, Chrome, Opera и даже Android и  iPhone.

Переключатель стилей с превью