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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

10. JavaScript карусель

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

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

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

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

13. CSS3 галерея

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

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

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

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

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

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

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

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