adsPlace_1

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

adsPlace_3

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

1. Изображения во всплывающих блоках

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Изображения во всплывающем блоке с использованием jQuery и CSS3. Плагин является еще одним аналогом известного решения Lightbox с потрясающими анимационными эффектами. На демонстрационной странице плагин выполнен в 3 различных вариантах с различными анимационными эффектами.

Демо

Скачать

2. Легкий слайдер контента «Swipe»

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Демо

Скачать

3. jQuery CSS3 анимация с 3D эффектом

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

26 превосходных анимированных jQuery CSS3 эффектов при смене изображений: 3D и другие эффекты. Просмотрите все возможные эффекты на демонстрационной странице, там собрано много потрясающих свежих примеров анимации, которую можно будет применить в разработке галерей, слайдеров и других случаях работы при работе с изображениями. Внимание: 3D эффект не работает в старых версиях браузеров.

Демо

Скачать

4. Стильный jQuery слайдер

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Вы также можете посмотреть подробный урок (english) по созданию этого слайдера в формате PSD, его верстке и превращению в готовое динамическое jQuery решение.

5. Плагин jQuery «Scroller»

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

Демо

Скачать

6. jQuery CSS3 меню с эффектом размытия

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

Демо

Скачать

7. jQuery плагин «Craftmap»

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

Демо

Скачать

8. Анимированный эффект загрузки содержимого страницы

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Демо

Скачать

9. CSS3 галерея 3D

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Галерея изображений с 3D эффектом.

Демо

Скачать

10. Фильтр на jQuery

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

Демо

Скачать

11. Полноэкранное CSS3 слайд-шоу фоновых изображений

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Фоновые изображения сменяют друг друга с различными эффектами. Размер изображения автоматически изменяется при изменении размера окна браузера. Эффект реализован с помощью CSS3. Плагин выполнен в 4 различных анимимированных эффектах.

Демо

Скачать

12. Плагин «ssdZoom»

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

jQuery плагин для увеличения изображения при наведении (zoom-эффект).

13. Онлайн калькулятор на jQuery

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Онлайн калькулятор. Используемые технологии: jQuery, PHP, CSS.

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

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

При наведении на элемент всплывает текстовая подсказка или HTML контент.

15. jQuery галерея

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Возможна автоматическая смена слайдов. После открытия изображения для навигации по галерее можно использовать колесо мыши.

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

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Меню с эффектом при наведении.

17. Реализация рейтинга материалов

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Используемые технологии: CSS, jQuery и PHP.

18. Легкий CSS jQuery слайдер

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Слайдер изображений. Для навигации между изображениями используются ссылки «Вперед» и «Назад».

19. Сортировка изображений методом перетаскивания

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Сортировка с помощью метода Drag and Drop.

20. Всплывающие описания изображений на jQuery

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Описание изображений, всплывающее при наведении курсора. Еще 10 похожих решений.

21. Слайдер изображений

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

22. Переключение между видами страницы

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

23. Слайдер на jQuery

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Лекгий слайдер с описанием изображений.

24. jQuery слайдер «Flow Slider»

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Демо

Скачать

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

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

25. Карусель jQuery

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Стильное оформление карусели изображений.

26. jQuery слайдер с каруселью из миниатюр

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Просматривать слады можно с помощью карусели миниатюр, прокручивать которую можно автономно от основных слайдов.

Демо

Скачать

27. Анимированный таймер отсчета

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Отличное решение для страниц-заглушек, отсчитывающих время до открытия проекта.

28. Плагин «Scrollorama»

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

29. CSS3 вертикальное меню-аккордеон

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Вертикальное меню-аккордеон. При наведении курсора на пункт меню появляются все вложенные в него пункты.

30. jQuery карусель

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Карусель изображений, растягивающаяся на весь экран.

31. Автоматический скроллер контента

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

32. jQuery карусель

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Карусель из блоков, проезжающих весь экран. При наведении курсора на блок движение останавливается и всплывает описание блока.

33. jQuery слайдер изображений

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

34. Слайд-шоу

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Слайд-шоу на jQuery. При наведении курсора на изображение всплывают кнопки навигации по слайдам и кнопка паузы.

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

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

36. Карусель изображений с автопрокруткой

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

При изменении размера окна браузера изменяются размеры изображений в карусели и их количество. Карусель растягивается на всю ширину экрана.

37. Слайдер изображений с миниатюрами

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

38. Анимированная jQuery карусель

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

39. Слайд-шоу

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

40. Вертикальная прокрутка слайдов

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Для начала прокрутки нажмите на ссылку «Start scrolling»  на демонстрационной странице.

41. Описание изображений при наведении

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

42. jQuery cлайдер с миниатюрами

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

43. jQuery слайдер

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

При наведении курсора выезжают миниатюры.

44. Табы на jQuery

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

45. Мини-галерея изображений на jQuery

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

С помощью стрелок «Вверх» и «Вниз» можно прокручивать увеличенные изображения и миниатюры.

46. jQuery аккордеон

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

47. Анимированная карусель изображений

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

48. Смена фоновых изображений

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

49. Карусель изображений

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

Карусель изображений на всю ширину экрана.

50. Слайдер изображений с всплывающими миниатюрами

Первая подборка jQuery CSS решений для веб-разработчиков в 2012 году

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

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

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

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

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

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