916 Menu & Nav

Выезжающие иконки меню при наведении

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

Выезжающие иконки меню при наведении
1 526 Slider

Адаптивная карусель

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

Адаптивная карусель
687 Slider

Полноэкранный разрезной слайдер

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

Полноэкранный разрезной слайдер
1 383 Buttons

Кнопка Скачать на CSS3

Кнопка Загрузки с эффектами CSS3 при наведении. Выглядит очень эффектно и стильно, но ограничение это поддержка браузерами CSS3.

Кнопка Скачать на CSS3
402 Slider

Аудио слайдшоу с jPlayer

Слайдшоу на jQuery с музыкальным сопровождением с помощью кросс платформенной библиотеки jPlayer. Смена слайдов происходит в указанные промежутки музыкальной композиции.

Аудио слайдшоу с jPlayer
704 Slider

Эффект шторок

Изображение, при навдении на него мышкой, скользит в одном из направлений с easing эффектом, открывая скрытый под ним контент.

Эффект шторок
576 Slider

Галерея использующая z-index

В этой галерее мы будем комбинировать свойство z-index и мощь jQuery. Будем изменять значение z-index и тем самым пролистывать изображения, а jquery займется анимацией.

Галерея использующая z-index
518 Slider

Эффект шторок для изображений

Сегодня сделаем на чистом CSS3 смену изображений через эффект шторок - раздвигающихся панелей. Идея заключается в использовании фоновых изображений для панелей и их анимации при клике по <label>.

Эффект шторок для изображений
631 Slider

Elastislide - слайдер

Плагин elastislide - это слайдер, который реагирует на изменение размеров окна браузера и подстраивается под него. Таким образом обеспечивается работа на экранах любых размеров. А также elastislide использует плагин jQuery Touchwipe Plugin, который позволяет листать изображения пальцем на iPhone, iPad или iPod Touch.

Elastislide - слайдер
677 Slider

Автопрокрутка новостей

Автоскроллер - автопрокрутка новостей, как по вертикали, так и по горизонтали. Реализовано на базе плагина jcarousellite. Который мы кстати уже использовали для прокрутки текста, а в данном примере листаются изображения.

Автопрокрутка новостей
447 Slider

Diapo - слайдшоу

Diapo - это слайдшоу требующая jQuery 1.4+, а также для увеличения функциональности дополнительные jQuery плагины.

Diapo - слайдшоу