Уроки HTML

Бегущая строка html

Для того что бы задать бегущую строку применяются теги "<marquee> </marquee>"
Существуют некоторые атрибуты, с помощью которых можно определить направление и тип движения бегущей строки.

behavior="" – задаёт тип движения строки (текста или картинки), имеет три значения:

alternate – строка движется слева направо, после чего достигнув края, меняет направление.
scroll - строка, достигнув края, появляется с противоположной стороны
slide - строка доходит до противоположного края страницы и останавливается.

direction="" – определяет направление движения строки. Возможные значения: down, up, left, right.

<marquee behavior="alternate" direction="right">Бегущий текст</marquee>

Бегущий текст

Другой пример:

<marquee behavior="scroll" direction="left"><p style="color: Green">Бегущая строка
 зелёного цвета</p></marquee>

Бегущая строка зелёного цвета

Но перемещать, как упоминалось выше, можно не только текст , но и изображение.
Возьмём для примера вот такую картинку и сделаем её "бегущей".

<marquee behavior="scroll" direction="left"> <img src="images/welcomhtml0.png" /> </marquee>

◄ Предыдущий урок

Содержание

Следующий урок ►