Привет всем! Сегодня мы рассмотрим как сделать бегущую строку самому. На самом деле в этом нет ничего сложного. Также мы рассмотрим с вами как добавлять стили бегущей строке.
Итак, для того чтобы сделать бегущую строку нам понадобиться html-тег <marquee>.
Давайте рассмотрим самый простой пример бегущей строки:
Синтаксис
<marquee>Это простой пример бегущей строки</marquee>
Результат
Это простой пример бегущей строки
Далее мы рассмотрим атрибуты бегущей строки и их значения.
<marquee behavior="alternate">Контент перемещается между правым и левым краем элемента</marque>
Контент перемещается между правым и левым краем элемента
scroll
<marquee behavior="scroll" direction="up">Строка поднимается вверх</marque>
Строка поднимается вверх
slide
<marquee behavior="slide" direction="up">Строка движется вправо</marque>
Строка движется вправо
<marquee bgcolor="orange">Задает оранжевый фон</marquee>
Задает оранжевый фон
<marquee direction="down">Контент движется вниз</marquee>
Контент движется вниз
<marquee height="100" bgcolor="black">Высота области прокрутки 100 пикселей</marquee>
Высота области прокрутки 100 пикселей
<marquee loop="5">Контент прокрутится 5 раз </marquee>
Контент прокрутится 5 раз
<marquee scrollamount="25" bgcolor="yellow" color="black"> Скорость прокрутки 25 </marquee>
Скорость прокрутки 25
<marquee scrolldelay="150">Следующая прокрутка через 150 миллисекунд</marquee>
Следующая прокрутка через 150 миллисекунд
<marquee scrolldelay="30" truespeed> Отменяет встроенный ограничитель скорости </marquee>
Отменяет встроенный ограничитель скорости
<marquee width="550" height="150" hspace="5" vspace="7"> Вертикальные и горизонтальные поля. hspace - слева и справа, vspace - снизу и сверху. </marquee>
Вертикальные и горизонтальные поля.
hspace — слева и справа, vspace — снизу и сверху.
<marquee width="550"> Ширина 550 пикселей. </marquee>
Ширина 550 пикселей.
Так вы сможете получать новые статьи первыми