Иллюстрированный самоучитель по Web-графике

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

Internet Explorer поддерживает тэг <MARQUEE>, который позволяет создать так называемую бегущую строку, т. е. эффект прокручивания текста в заданном поле. Характеристики бегущей строки задаются следующими атрибутами:

  • WIDTH – ширина поля бегущей строки в пикселах или процентах от ширины окна;
  • HEIGHT – высота поля бегущей строки (в пикселах);
  • HSPACE, VSPACE – интервалы по горизонтали и вертикали между текстом строки и краями ее поля (в пикселах);
  • ALIGN – положение текста бегущей строки в ее поле; возможные аргументы:
    • ТОР (вверху);
    • BOTTOM (внизу);
    • MIDDLE (посередине);
  • DIRECTION – определяет направление движения; возможные аргументы:
    • LEFT (справа налево);
    • RIGHT (слева направо);
  • BEHAVIOR – характер движения строки; возможные аргументы:
    • SCROLL – текст появляется от одного края и скрывается за другим;
    • SLIDE – строка вытягивается из одного края поля и останавливается у другого края;
    • ALTERNATE – задает переменное направление движения, от одного края к другому, а затем обратно;
  • LOOP – количество повторений текста в бегущей строке, задаваемое числом; если необходимо "бесконечное" количество повторений, то следует задать аргумент в виде ключевого слова INFINITY.

Атрибут LOOP не влияет на поведение бегущей строки, если для атрибута BEHAVIOR заданы аргументы ALTERNATE или SLIDE;

  • SCROLLAMOUNT – устанавливает длину (в пикселах) "прыжка" те кета за один такт; при большом значении этого параметра текст движется рывками, а при малом – замедленно;
  • SCROLLDELAY – определяет величину паузы между тактами перемещения текста в миллисекундах;
  • BGCOLOR – устанавливает цвет поля бегущей строки, задаваемый шестнадцатеричным числом или именем.

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

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

<HTML>
  
<HEAD>
    <TITLE>Бегущая строка</TITLE>
</HEAD>
  
<BODY>Ниже расположена "бегущая строка"
    <MARQUEE HEIGHT=50 WIDTH=75% HSPACE=5 VSPACE=5 ALIGN=TOP BGCOLOR=YELLOW DIRECTION=LEFT LOOP=INFINITE BEHAVIOR=SCROLL SCROLLAMOUNT=5 SCROLLDELAY=100>
        <H1>Это сообщение будет прокручиваться на экране справа налево</H1>
    </MARQUEE>
</BODY>
  
</HTML>

Иллюстрированный самоучитель по Web-графике › Элементы языков HTML и JAVASCRIPT › Бегущая строка
Рис. 655. Бегущая строка

Если Вы заметили ошибку, выделите, пожалуйста, необходимый текст и нажмите CTRL + Enter, чтобы сообщить об этом редактору.