Онлайн учебник по HTML и JAVASCRIPT

Элементы языков HTML и JAVASCRIPT

       

Создание бегущей строки на веб-странице

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. Пример бегущей строки на веб-странице

 

 

 

Top.Mail.Ru
Top.Mail.Ru