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 плагин «Фоторама»

jQuery лупа

Хорошая галерея-слайдер.

4. Текстовые эффекты «Typography Effects»

jQuery типография

Интересные эффекты для работы с типографикой с помощью CSS3 и jQuery. 7 различных классных эффектов.

5. Плагин «Darkbox»

jQuery плагин Darkbox

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

6. Hover-эффект на jQuery

Эффект при наведении

Круговой эффект при наведении.

7. Анимированные jQuery CSS3 кнопки

jQuery CSS3 кнопки

Много различных анимированных CSS3 эффектов для создания потрясающих кнопок для вашего сайта. Просто очень клевые эффекты при наведении.

8. HTML5 jQuery смена фоновых изображений

Слайд-шоу изображений на весь экран

При нажатии на миниатюры фоновые изображения сменяют друг друга с эффектом размытия. При изменении размера окна браузера изменяется размер фонового изображения.

8. Interactive Typography Effects

Текстовые эффекты

Интересные текстовые эффекты с использованием HTML5 и jQuery (4 различных эффекта). Наведите курсор на текст, чтобы увидеть эффект.

9. Всплывающие подписи изображений

Подписи изображений

Много различных анимированных эффектов при наведении для реализации всплывающих подписей изображений.

10. Плагин «Portamento»

Плавающий блок

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

11. Скроллеры содержимого

Скроллеры

jQuery плагин для отображения прокрутки в блоках фиксированных размеров. Несколько стилевых оформлений.

12. Плагин «Scrollbars»

Плагин «Scrollbars»

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

13. Плагин «Tiny Scrollbar»

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»

Ротатор RSS новостей

jQuery плагин для симпатичного отображения последних новостей из RSS ленты.

27. Анимированное меню

Меню

Анимированный эффект при наведении на пункт меню.

28. Анимированный текстовый эффект

Текстовый эффект

Три эффектных примера работы с CSS свойством «background-clip: text». CSS3 эффект не работает в старых браузерах. 

29. CSS3 jQuery эффект размытия

Эффект размытия

При наведении курсора на блок он увеличивается, а остальные блоки с текстом размываются на заднем плане.

30. CSS3 jQuery всплывающие подсказки

CSS3 jQuery всплывающие подсказки

При наведении курсора на ссылку появляется область с описанием.

31. jQuery всплывающие подсказки при наведении

CSS3 jQuery всплывающие подсказки

При наведении курсора на ссылку появляется область с описанием.

32. Легкое CSS меню

Легкое CSS меню

При наведении курсора на ссылку появляется область с описанием.

33. Записки CSS3 и HTML5

Записки

Реализация блоков, похожих на записки с текстом.

34. Rlightbox

Всплывающие блоки с контентом

Отображение медиаконтента во всплывающих блоках: изображения, видео, Flash.

35. jQuery зуммер

jQuery лупа

Увеличение квадратной области.

36. CSS3 jQuery описание изображений

Подписи изображений

Плагин «Based Sliding Door Content Gallery» для реализации всплывающих описаний изображений. При наведении курсора на какое-нибудь из представленных изображений появляется краткое описание со ссылкой на полную статью. При наведении: эффект поднятия гаражных дверей.

37. Эффект «До и после» jQuery плагин «uCompare»

Эффект До и После

Перетягивая шторку можно сравнить два наложенных друг на друга изображения. Идеально подойдет для тех случаев, когда необходимо оформить два варианта чего-либо на странице: до и после.

38. Эффект вращения изображения

Эффект вращения изображения

39. Интерактивные карты мира и Европы и США

Карта мира и Европы

40. Слайд-шоу «Slider.js v1.1»

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»

vticker

Ротатор контента.

49. Вертикальное меню «CSS 3 Animated Menu»

Вертикальное анимированное меню.

Вертикальное CSS анимированное меню.

50. Всплывающие подсказки «Linkin Tips»

Всплывающие подсказки

Плагин для реализации всплывающих подсказок при наведении.

51. Подписи изображений «Slicing Doors»

Описание изображений

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

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

16.12.2011
top


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