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 классных сервисов, программ и сайтов для веб-разработчиков |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
