Иллюстрированный самоучитель по 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>

        <НЕАD><ТIТLЕ>Бегущая строка</ТIТLЕ> </НЕАD>

        <BODY>

        Ниже расположена "бегущая строка"

        <MARQUEE HEIGHT=50 WIDTH=75% HSPACE=5 VSPACE=5 ALIGN=TOP BGCOLOR=YELLOW DIRECTION=LEFT LOOP=INFINIТЕ BEHAVIOR=SCROLL SCROLLAMOUNT=5 SCROLLDELAY=100>

        <H1> Это сообщение будет прокручиваться на экране справа налево</Н1>

        </MARQUEE>

        </BODY>

        </HTML>

        Рис. 655. Бегущая строка



        Содержание раздела