adsPlace_1

Войти или Зарегистрироваться

adsPlace_3

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

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

1. Обалденное слайд-шоу на jQuery «Elastic Slideshow»

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

Слайд-шоу с миниатюрами и описанием слайдов. Различные эффекты смены изображений. Предусмотрено два варианта: с автоматической сменой слайдов и без.

2. Pure CSS3 Slider

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

Симпатичный слайдер изображений с описанием и автоматической сменой слайдов. При наведении курсора на изображение ротация останавливается. Остановка сопровождается CSS3 эффектом.

Демо

Скачать

3. jQuery плагин «Фоторама»

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

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

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

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

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

Демо

Скачать

5. Плагин «Darkbox»

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

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

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

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

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

Демо

Скачать

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

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

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

Демо

Скачать

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

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

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

Демо

Скачать

8. Interactive Typography Effects

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

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

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

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

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

Демо

Скачать

10. Плагин «Portamento»

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

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

Демо

Скачать

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

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

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

12. Плагин «Scrollbars»

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

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

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

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

jQuery плагин для реализации вертикальной и горизонтальной прокрутки контента.

Демо

Скачать

14. Плагин «jScrollPane»

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

Кросс-браузерная прокрутка содержимого в блоке.

15. Плавающий блок «Scroll Follow»

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

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

16. Всплывающие панели «SideBar»

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

Выезжающие панели со всех сторон веб-страницы.

17. Эффектные CSS3 решения для оформления страницы-заглушки

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

Три варианта реализации анимированных эффектов для создания заглушки «Сайт в разработке».

Демо

Скачать

17. Эффект при прокрутке страницы

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

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

Демо

Скачать

19. Плагин «fancyBox 2»

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

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

20. Minimit Gallery

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

Функциональный плагин с большим набором возможностей: галерея, карусель, слайдер, меню, экспандер, анимированные кнопки.

21. jQuery News Ticker

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

Ротатор новостей на сайте. Сообщения сменяют друг друга и появляются с использованием интересного эффекта печатной машинки. Смену новостей можно остановить, нажав на кнопку «Пауза». Стрелочками можно переходить от одного сообщения к другому.

22. Adaptive Images

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

Масштабируемые изображения для отображения на мобильных устройствах. Размеры изображений зависят от размера окна. Используемые технологии: JavaScript и PHP5.

23. vScroller

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

Вертикальный jQuery, CSS3 скроллер. Настраивается скорость прокрутки и время задержек.

24. Многоуровневое выпадающее меню  «jQSimpleMenu»

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

Свежий jQuery плагин для создания многоуровневых горизонтальных выпадающих меню на сайте.

25. «jsCarousel 2.0»

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

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

26. Ротатор «Dynamic News»

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

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

Демо

Скачать

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

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

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

Демо

Скачать

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

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

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

Демо

Скачать

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

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

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

Демо

Скачать

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

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

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

Демо

Скачать

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

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

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

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

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

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

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

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

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

34. Rlightbox

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

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

35. jQuery зуммер

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

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

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

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

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

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

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

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

Демо

Скачать

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

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

Демо

Скачать

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

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

Демо

Скачать

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

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

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

Демо

Скачать

41. Слайдер контента «Basic jQuery Slider»

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

В содержимом слайдов могут располагаться изображения с описанием, видео-ролики и другой контент.

Демо

Скачать

42. Всплывающие подсказки «mTip»

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

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

Демо

Скачать

43. Вертикальные вкладки «Vertical Tabs Plugin»

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

Представление содержимого в виде вертикальных вкладок (табов).

44. CSS3 панель навигации «Bottom Navigation Bar»

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

Панель навигации, внизу экрана.

45. «Menu Surprise»

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

Анимированное меню. Три различных эффекта при наведении.

Демо

Скачать

46. Фоновый эффект «3D Parallax Background Effect»

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

Фоновый эффект при прокрутке страницы.

47. Многоуровневое выпадающее меню «Juiz DropDown Menu»

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

Симпатичное выпадающее меню.

Демо

Скачать

48. Вертикальный скроллер  «vTicker»

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

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

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

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

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

Демо

Скачать

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

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

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

Демо

Скачать

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

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

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

Демо

Скачать

Последние из рубрики

Комментарии(0)

  • Комментариев еще нет. Будь первым!

    Оставь свой отзыв

    Для вставки кода используйте кнопки php, html, javascript, css, sql

    * - поля обязательны к заполнению