Автоматический scroll текста при помощи jQuery. Иногда необходима возможность реализовать прокрутку блоков с текстом, чтобы визуально предоставить информацию для посетителя. Сегодня мы хотим рассказать, как создать автоматический scroll текста на сайте при помощи jQuery и CSS3. Быстрый, эффективный вертикальный скроллер текста, который автоматически прокручивает группу абзацев с эффектами масштабирования и затухания на основе анимации CSS3. Если вы хотите реализовать на своем сайте анимированное отображение заголовков.

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

Автоматический scroll текста при помощи jQuery. Как использовать?

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

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

Автоматический scroll текста при помощи jQuery

У нас будут следующие правила CSS / CSS3 для текстового скроллера.

Основная функция для анимации скроллера текста путем добавления / удаления CSS классов:

Активируйте скроллер текста и прокручивайте текст каждые 2 секунды:

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

Вот и все. Готово!