Reg.ru: домены и хостинг

Крупнейший регистратор и хостинг-провайдер в России.

Более 2 миллионов доменных имен на обслуживании.

Продвижение, почта для домена, решения для бизнеса.

Более 700 тыс. клиентов по всему миру уже сделали свой выбор.

Перейти на сайт->

Бесплатный Курс "Практика HTML5 и CSS3"

Освойте бесплатно пошаговый видеокурс

по основам адаптивной верстки

на HTML5 и CSS3 с полного нуля.

Начать->

Фреймворк Bootstrap: быстрая адаптивная вёрстка

Пошаговый видеокурс по основам адаптивной верстки в фреймворке Bootstrap.

Научитесь верстать просто, быстро и качественно, используя мощный и практичный инструмент.

Верстайте на заказ и получайте деньги.

Получить в подарок->

Бесплатный курс "Сайт на WordPress"

Хотите освоить CMS WordPress?

Получите уроки по дизайну и верстке сайта на WordPress.

Научитесь работать с темами и нарезать макет.

Бесплатный видеокурс по рисованию дизайна сайта, его верстке и установке на CMS WordPress!

Получить в подарок->

*Наведите курсор мыши для приостановки прокрутки.


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

Размер: 51,4 Мб.

Длительность: 12 мин. 49 сек.

Видеоурок + исходники

Демонстрация

Данный видеоурок посвящен вопросу создания ротатора контента с помощью JavaScript-библиотеки jQuery.

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

Наиболее типичное применение ротаторов контента - это показ иллюстраций, сопровождающихся небольшими текстовыми пояснениями.

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

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

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

Весь скрипт довольно прост по своей структуре и содержит три компонента:

Хостинг

- один файл JavaScript
- один файл стилей
- html-разметку

Все остальное мы уже добавляем самостоятельно, в зависимости от того, что хотим увидеть внутри ротирующихся блоков с контентом.

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

Для ознакомления с содержанием урока Вы можете просмотреть видео ниже. Скачать видеоурок в высоком качестве можно по ссылке выше.


P.S. Присмотритесь к премиум-урокам по различным аспектам сайтостроения, включая JavaScript, jQuery и Ajax, а также к бесплатному курсу по адаптивной верстке. Все это позволит вам быстрее овладеть важными навыками в создании сайтов:

Понравился материал и хотите отблагодарить?
Просто поделитесь с друзьями и коллегами!


Смотрите также:

50 классных сервисов, программ и сайтов для веб-разработчиков

50 классных сервисов, программ и сайтов для веб-разработчиков

Как прописать DNS-серверы для домена?

Как прописать DNS-серверы для домена?

Как создать почтовый ящик со своим доменом?

Как создать почтовый ящик со своим доменом?

Как купить занятый домен?

Как купить занятый домен?

Как продлить доменное имя?

Как продлить доменное имя?

Как выбрать и зарегистрировать домен?

Как выбрать и зарегистрировать домен?

10 вещей, которые сведут с ума посетителей вашего сайта

10 вещей, которые сведут с ума посетителей вашего сайта

Добавляем будильник к цифровым часам на CSS3 и jQuery

Добавляем будильник к цифровым часам на CSS3 и jQuery

Как сделать цифровые часы с помощью CSS3 и jQuery?

Как сделать цифровые часы с помощью CSS3 и jQuery?

Плавная прокрутка страницы вверх на jQuery

Плавная прокрутка страницы вверх на jQuery

JavaScript без jQuery: 10 советов

JavaScript без jQuery: 10 советов

Наверх