Бегущая строка может быть создана с помощью парных тегов <marquee> и </marquee> (нужно заметить, что в Netscape Navigator данный тег не поддерживается). Текст, заключенный между этими тегами будет двигаться (прокручиваться) справа налево:
Эта строка сделана без каких-либо дополнений и хорошо видно, что воспринимать ее довольно сложно.
Недостаточная функциональность тега компенсируется его многочисленными атрибутами.
<marquee width=150 direction="left">Налево</marquee> | |
<marquee width=150 direction="right">Налево</marquee> | |
<marquee width=150 direction="up">Налево</marquee> | |
<marquee width=150 direction="down">Налево</marquee> |
Кроме того, для улучшения оформления можно использовать атрибут style, в частности, для задания рамки (style="BORDER: red 3px solid").
Прокручиваемый текст, заключенный между тегами, можно оформить при помощи любых тегов форматирования или создать в нем гиперссылки.
Для улучшения читабельности текста можно использовать встроенные функции событий onmouseover=this.stop(); и onmouseout=this.start();, соответственно приостанавливающий прокрутку при наведении на строку курсора мыши и вновь запускающий ее после отведения курсора в сторону. Эта возможность использована во всех примерах, кроме первого.