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




        Начало  Назад  Вперед