Бегущая строка в HTML документе

Бегущая строка в тексте документа является одним из легких способов оживить Web-страницу. Бегущие объекты всегда привлекают внимание, и пользователь обязательно прочтет что там написано. Так же бегущую строку можно применять, там где мало места. Но не следует злоупотреблять экономией места. Помните, что посетитель может просто не дождаться, когда в бегущей строке отобразится весь текст сообщения.


Для того что бы задать бегущую строку применяются теги "<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>