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

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

Если вы не найдете подохдящего вам решения — обязательно воспользуйтесь путеводителем по плагинам, в котором собрано более 700 интересных jQuery Mootools CSS плюшек для веб-разработчиков.

Рассылка с блога: на почту, RSS, Twitter.

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»

При наведении курсора на изображение оно разъезжается в разные стороны и появляется описание.

Рассылка с блога: на почту, RSS, Twitter.