Войти
Freeweber

Материалы для вебмастеров

» » » 38 jQuery каруселей, ротаторов и скроллеров для сайта

38 jQuery каруселей, ротаторов и скроллеров для сайта

1. jQuery карусель «clickCarousel»

jQuery карусель clickCarousel

2. jQuery карусель

jQuery карусель

Блок с прокруткой анонсов новостей. Для прокрутки блоков используются стрелки влево/вправо. В архиве карусель в двух стилевых оформлениях: светлом и темном.

1.  jQuery карусель, плагин «carouFredSel»

jQuery карусель

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

4. jQuery плагин: карусель «Elastislide»

jQuery карусель

5. Плагин «TinyCarousel»

Карусель jQuery

Отличные слайдеры контента в виде карусели изображений с применением jQuery. На демонстрационной странице описано, как прикрутить эту карусель к своему сайту.

6. jQuery карусель

Карусель jQuery

Плагин «Slider Kit», легкая карусель с различными способами прокрутки.

7. javascript карусель

Карусель jQuery

8. jQuery плагин «Grid Navigation Effects»

jQuery галерея в виде настенных картин

Оригинальная навигация между миниатюрами изображений. Для просмотра эффекта  справа на демонстрационной странице нажмите на кнопки «Вверх» и «Вниз». В этом jQuery решении также предусмотрен эффект при наведении курсора на миниатюру и прокрутка с помощью колеса мыши.

9. Легкая карусель

Легкий слайдер контента

10. Карусель из блоков «Easy Paginate»

jQuery слайдер

jQuery плагин «Easy Paginate». Каждый прямоугольный блок представляет собой обычный пункт списка  li, при этом если пунктов больше трех, то чтобы просмотреть их все необходимо воспользоваться навигацией, подобной слайдеру (с помощью стрелок «вперед», «назад» и с помощью кнопок навигации внизу). 

11. Вертикальный ротатор «Vertical Ticker»

jQuery галерея

Вертикальный ротатор на jQuery: автоматическое прокручивание контента на странице. Предусмотрены кнопки навигации, а также возможность остановить ротацию и запустить ее снова. При наведении курсора мыши движение останавливается. На уровне HTML разметки прокручивающиеся блоки представлены обычными пунктами списка li.

12. javascript CSS прокручивающаяся область

Прокрутка контейнера DIV

javascript решение «TinyScroller» для создания прокручивающейся области, помещенной в контейнер DIV.

13. jQuery плагин «Smooth Div Scroll»

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

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

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

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

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

15. Ротатор контента «Circular Content Carousel»

Карусель контента

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

16. jQuery карусель

Карусель jQuery

17. Скроллер

Область контента с вертикальной прокруткой

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

18. jQuery карусель

Меню с выезжающими категориями

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

19. Потрясающий слайдер

Слайдер контента

Слайдер генерируется автоматически. Данные с названием товара, описанием, ссылкой и адресом изображения берутся из файла slider.db.txt. Используемые технологии: CSS, PHP, jQuery.

20. Ротация блоков c использованием jQuery

Ротация блоков c использованием j097;vascript

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

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

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

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

22. Динамический блок «Отзывы клиентов»

Динамический блок "Отзывы клиентов"

Автоматическая ротация содержимого блока. Используемые технологии: PHP, XML, CSS, jQuery.

23. Слайд-шоу в стиле Apple

 Слайд-шоу в стиле Apple

24. Прокручивание изображений по кругу

Прокручивание изображений по кругу

25. jQuery карусель

Карусель jQuery

Этот плагин прообразовывает пункты списка (ul li) в элементы jQuery карусели.

26. javascript карусель «ImageFlow»

Плагин карусель

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

27. Прокручивание контента

jQuery карусель

28. Компактный вывод анонсов последних материалов или новостей

Компактный вывод анонсов последних материалов или новостей

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

29. Вертикальный jQuery скроллер

jQuery слайдер

Смена слайдов происходит в вертикальном направлении.

30. jQuery плагин jCoverflip

jQuery карусель

Эффектный jQuery плагин с колесом прокрутки.

31. Новостная лента

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

Прокручивающаяся вертикальная лента новостей на  javascript.

22. jQuery Image Scroller

jQuery Image Scroller

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

33. Прокрутка содержимого, Mootools плагин «Scrollbar»

Mootools скролл

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




22.05.2013
Просмотров: 96 463
Похожие статьи:

Комментарии: