50+ jQuery CSS решений для веб-разработчиков

В заметке собрано более 50 потрясающих свежих jQuery CSS решений, которые точно смогут украсить ваш сайт или добавить ему какой-нибудь новый функционал. Среди представленных плагинов: меню, кнопки, контент во всплывающих блоках, галереи, слайдеры и слайд-шоу, текстовые эффекты, плавающие блоки, карусели, скроллеры, выезжающие блоки, различные ротаторы, всплывающие подсказки и множество других интересных jQuery CSS решений.
1. Обалденное слайд-шоу на jQuery «Elastic Slideshow»
Слайд-шоу с миниатюрами и описанием слайдов. Различные эффекты смены изображений. Предусмотрено два варианта: с автоматической сменой слайдов и без.
2. Pure CSS3 Slider
Симпатичный слайдер изображений с описанием и автоматической сменой слайдов. При наведении курсора на изображение ротация останавливается. Остановка сопровождается CSS3 эффектом.
Демо
3. jQuery плагин «Фоторама»
Хорошая галерея-слайдер.
Демо
Скачать
4. Текстовые эффекты «Typography Effects»
Интересные эффекты для работы с типографикой с помощью CSS3 и jQuery. 7 различных классных эффектов.
Демо
5. Плагин «Darkbox»
Небольшой легкий плагин для отображения изображений во всплывающем блоке.
6. Hover-эффект на jQuery
Круговой эффект при наведении.
Демо
7. Анимированные jQuery CSS3 кнопки
Много различных анимированных CSS3 эффектов для создания потрясающих кнопок для вашего сайта. Просто очень клевые эффекты при наведении.
Демо
8. HTML5 jQuery смена фоновых изображений
При нажатии на миниатюры фоновые изображения сменяют друг друга с эффектом размытия. При изменении размера окна браузера изменяется размер фонового изображения.
Демо
8. Interactive Typography Effects
Интересные текстовые эффекты с использованием HTML5 и jQuery (4 различных эффекта). Наведите курсор на текст, чтобы увидеть эффект.
9. Всплывающие подписи изображений
Много различных анимированных эффектов при наведении для реализации всплывающих подписей изображений.
Демо
10. Плагин «Portamento»
Плавающий блок на jQuery. Всегда остается в зоне видимости при прокрутки страницы вниз.
Демо
11. Скроллеры содержимого
jQuery плагин для отображения прокрутки в блоках фиксированных размеров. Несколько стилевых оформлений.
12. Плагин «Scrollbars»
jQuery реализация горизонтальной и вертикальной прокрутки содержимого в блоке фиксированных размеров.
13. Плагин «Tiny Scrollbar»
jQuery плагин для реализации вертикальной и горизонтальной прокрутки контента.
Демо
Скачать
14. Плагин «jScrollPane»
Кросс-браузерная прокрутка содержимого в блоке.
15. Плавающий блок «Scroll Follow»
Плагин для создания блока, который будет прокручиваться следом за прокруткой страницы. Есть возможность зафиксировать блок, по нажатию на ссылку.
Демо
16. Всплывающие панели «SideBar»
Выезжающие панели со всех сторон веб-страницы.
Демо
17. Эффектные CSS3 решения для оформления страницы-заглушки
Три варианта реализации анимированных эффектов для создания заглушки «Сайт в разработке».
Демо
17. Эффект при прокрутке страницы
Изумительный эффект при прокрутке страницы: элементы выезжают из области за экраном или наоборот прячутся за область экрана. Подобное решение отлично подойдет для применения на сайтах-портфолио, для эффектного представления выполненных проектов с кратким описанием.
Демо
19. Плагин «fancyBox 2»
Новая, полностью переписанная версия известного многим плагина fancybox, для отображения изображений и другого содержимого в модальных окнах.
20. Minimit Gallery
Функциональный плагин с большим набором возможностей: галерея, карусель, слайдер, меню, экспандер, анимированные кнопки.
Демо
21. jQuery News Ticker
Ротатор новостей на сайте. Сообщения сменяют друг друга и появляются с использованием интересного эффекта печатной машинки. Смену новостей можно остановить, нажав на кнопку «Пауза». Стрелочками можно переходить от одного сообщения к другому.
22. Adaptive Images
Масштабируемые изображения для отображения на мобильных устройствах. Размеры изображений зависят от размера окна. Используемые технологии: JavaScript и PHP5.
23. vScroller
Вертикальный jQuery, CSS3 скроллер. Настраивается скорость прокрутки и время задержек.
24. Многоуровневое выпадающее меню «jQSimpleMenu»
Свежий jQuery плагин для создания многоуровневых горизонтальных выпадающих меню на сайте.
25. «jsCarousel 2.0»
jQuery плагин для реализации вертикальных и горизонтальных каруселей.
26. Ротатор «Dynamic News»
jQuery плагин для симпатичного отображения последних новостей из RSS ленты.
Демо
27. Анимированное меню
Анимированный эффект при наведении на пункт меню.
Демо
28. Анимированный текстовый эффект
Три эффектных примера работы с CSS свойством «background-clip: text». CSS3 эффект не работает в старых браузерах.
Демо
29. CSS3 jQuery эффект размытия
При наведении курсора на блок он увеличивается, а остальные блоки с текстом размываются на заднем плане.
Демо
30. CSS3 jQuery всплывающие подсказки
При наведении курсора на ссылку появляется область с описанием.
Демо
31. jQuery всплывающие подсказки при наведении
При наведении курсора на ссылку появляется область с описанием.
32. Легкое CSS меню
При наведении курсора на ссылку появляется область с описанием.
33. Записки CSS3 и HTML5
Реализация блоков, похожих на записки с текстом.
34. Rlightbox
Отображение медиаконтента во всплывающих блоках: изображения, видео, Flash.
35. jQuery зуммер
Увеличение квадратной области.
36. CSS3 jQuery описание изображений
Плагин «Based Sliding Door Content Gallery» для реализации всплывающих описаний изображений. При наведении курсора на какое-нибудь из представленных изображений появляется краткое описание со ссылкой на полную статью. При наведении: эффект поднятия гаражных дверей.
37. Эффект «До и после» jQuery плагин «uCompare»
Перетягивая шторку можно сравнить два наложенных друг на друга изображения. Идеально подойдет для тех случаев, когда необходимо оформить два варианта чего-либо на странице: до и после.
Демо
38. Эффект вращения изображения
Демо
39. Интерактивные карты мира и Европы и США
Демо
40. Слайд-шоу «Slider.js v1.1»
Несколько различных анимированных эффектов перехода между слайдами.
Демо
Скачать
41. Слайдер контента «Basic jQuery Slider»
В содержимом слайдов могут располагаться изображения с описанием, видео-ролики и другой контент.
Демо
42. Всплывающие подсказки «mTip»
Много различных эффектов для реализации всплывающих подсказок: подсказки при наведении и по клику, различные анимированные эффекты, подсказка в виде всплывающего HTML контента, подсказки с задержкой и т.д.
Демо
43. Вертикальные вкладки «Vertical Tabs Plugin»
Представление содержимого в виде вертикальных вкладок (табов).
44. CSS3 панель навигации «Bottom Navigation Bar»
Панель навигации, внизу экрана.
45. «Menu Surprise»
Анимированное меню. Три различных эффекта при наведении.
Демо
46. Фоновый эффект «3D Parallax Background Effect»
Фоновый эффект при прокрутке страницы.
47. Многоуровневое выпадающее меню «Juiz DropDown Menu»
Симпатичное выпадающее меню.
Демо
48. Вертикальный скроллер «vTicker»
Ротатор контента.
49. Вертикальное меню «CSS 3 Animated Menu»
Вертикальное CSS анимированное меню.
Демо
Скачать
50. Всплывающие подсказки «Linkin Tips»
Плагин для реализации всплывающих подсказок при наведении.
Демо
51. Подписи изображений «Slicing Doors»
При наведении курсора на изображение оно разъезжается в разные стороны и появляется описание.
Демо