Свежие jQuery CSS находки. Часть 5

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

Не потеряйте блог — e-mail рассылка

1. jQuery плагин «Grid Navigation Effects»

jQuery галерея в виде настенных картин

Оригинальная навигация между миниатюрами изображений. Для просмотра эффекта  справа на демонстрационной странице нажмите на кнопки «Вверх» и «Вниз». В этом jQuery решении также предусмотрен эффект при наведении курсора на миниатюру.

2. Простой jQuery слайдер

jQuery слайдер

Стильный слайдер изображений на jQuery.

3. Реализация корзины для интернет магазина на jQuery

Корзина для интернет магазина

Реализована возможность перетаскивать с помощью мышки товары в корзину.

4. Фоновый эффект «Vertical Parallax»

Фоновый эффект jQuery

Эффект вертикальной прокрутки фоновых слоев. Каждый слой движется с разной скоростью, в итоге получается довольно интересный фоновый эффект.

5. Переключение вида отображения блоков на jQuery

Переключение вида отображения

С помощью этого jQuery плагина «Switch Display Options» можно реализовать переключатель на странице, с помощью которого посетитель будет переходить от табличного отображения информации к полному просмотру с описанием блоков. Отлично подойдет для реализации портфолио.

6. Аналоговые часы на jQuery

Часы механические

7. jQuery HTML5 портфолио

Портфолио jQuery

Реализация красивого портфолио с помощью jQuery и HTML5. Фишка портфолио в реализованном фильтре. Различные работы в портфолио отображаются в зависимости от выбранной категории. 

8. Галерея с миниатюрами «TN3 Gallery»

Галерея с миниатюрами

jQyery галерея с миниатюрами. Реализована возможность просмотра в компактном окне и в окне на весь экран, а также возможность отключать/включать автоматическую смену слайдов.

9. Описание изображений «Preview window»

Описание для изображений, при наведении

Плагин для подписи изображений. При наведении курсора мыши с анимированным эффектом появляется описание изображения. Для создания анимации используется jQuery.

10. JavaScript карусель

Карусель jQuery

11. Сетка изображений «Grid-Gallery»

jQuery сетка изображений

Сетка изображений растягивается в зависимости от ширины окна браузера. Интересный эффект при наведении: подсвечивается активный ряд и колонка.

12. Плагин «Rollover Gallery» 

Простая галерея

Смена большого изображений при наведении на миниатюру.

13. CSS3 галерея

CSS галерея

Интересный эффект при наведении.

14. Плагин jQuery «Hover Image Zoom»

Эффект jQuery приближение

Увеличение изображения при наведении курсора. Эффект приближения.

15. Еще одна реализация выпадающего CSS3 мега-меню

CSS3 меню

Реализация выпадающего меню с использованием CSS3.

16. jQuery cлайдер «Flux Slider» 

Слайдер

Слайдер с множеством эффектов смены изображений.

Вы можете посмотреть похожие заметки:

22.06.2011
top


blog comments powered by Disqus
Рубрики
3 месяца отличного хостинга бесплатно
Система Orphus