Приветствую Гость , сегодня я , Вам расскажу как сделать бегущую строку на html.
Не будем вдаваться в подробности , я покажу лишь примеры использования, ну а дальше решайте сами где они Вам понадобятся.
Тег <marquee> создает бегущую строку на странице. В содержимом контейнера <marquee>можно прокручивать любые элементы веб-страницы — изображения, текст, таблицы, элементы форм . Перемещение можно задать и вертикали, в этом случае указываются размеры области с помощью height , в которой будет происходить движение.
<marquee>текст, форма, изображение, ссылка </marquee>Атрибуты
- behavior Задает тип движения содержимого контейнера <marquee>.
- bgcolor Цвет фона.
- direction Указывает направление движения содержимого контейнера <marquee>.
- height Высота области прокрутки.
- hspace Горизонтальные поля вокруг контента.
- loop Задает, сколько раз будет прокручиваться содержимое.
- scrollamount Скорость движения контента. от 1 до 1000
- scrolldelay Величина задержки в миллисекундах между движениями.
- truespeed Отменяет встроенный ограничитель скорости при низких значениях атрибута scrolldelay.
- vspace Вертикальные поля вокруг содержимого.
- width Ширина области прокрутки.
Бегущая строка
<marquee>текст, форма, изображение, ссылка </marquee>Скорость бегущей строки
<marquee scrollamount="3">Текст</marquee>Бегущая строка с лева на права
<marquee direction="right">Текст</marquee>Текст бьётся о стенки экрана
<marquee behavior="alternate">Текст</marquee>Бегущий текст снизу вверх
<marquee height="50" direction="up">Текст</marquee>Бегущий текст останавливающийся при наведении курсора
<marquee onmouseover=this.stop() onmouseout=this.start()>Текст</marquee>Примеры очень простые, просмотреть тот или иной пример бегущей строки на html в действии можно на популярных ресурсах jsfiddle или codepen или добавив в исходный код вашей страницы.