Основы HTML: Бегущая строка
Бегущая строка может быть создана с помощью парных тегов <marquee> и </marquee> (нужно заметить, что в Netscape Navigator данный тег не поддерживается). Текст, заключенный между этими тегами будет двигаться (прокручиваться) справа налево:
Эта строка сделана без каких-либо дополнений и хорошо видно, что воспринимать ее довольно сложно.
Недостаточная функциональность тега компенсируется его многочисленными атрибутами.
- scrollamount — скорость движения строки. Не рекомендуется ставить больше 1.
- scrolldelay — временной интервал (задержка) между шагами бегущей строки. Большие значения порождают рывки.
- width — ширина бегущей строки в пикселах.
- height — высота бегущей строки в пикселах.
- bgcolor — фон области прокрутки текста.
В примерах использовано значение bgcolor="#CFEFFF". - direction — направление движения бегущей строки. По умолчанию используется «left». Можно использовать значения «right», «up», «down».
<marquee width=150 direction="left">Налево</marquee> <marquee width=150 direction="right">Налево</marquee> <marquee width=150 direction="up">Налево</marquee> <marquee width=150 direction="down">Налево</marquee> - loop — Число показов после перехода на данную страницу. Для повтора страницу нужно обновить.
- hspace — смещение всей области строки вправо (в пикселах).
- vspace — задание пустого пространства выше и ниже бегущей строки (в пикселах).
- behavior — способ прокрутки текста: "scroll" (по умолчанию), "slide" (с остановкой после достижения края), "alternate" (от края к краю).
Кроме того, для улучшения оформления можно использовать атрибут style, в частности, для задания рамки (style="BORDER: red 3px solid").
Прокручиваемый текст, заключенный между тегами, можно оформить при помощи любых тегов форматирования или создать в нем гиперссылки.
Для улучшения читабельности текста можно использовать встроенные функции событий onmouseover=this.stop(); и onmouseout=this.start();, соответственно приостанавливающий прокрутку при наведении на строку курсора мыши и вновь запускающий ее после отведения курсора в сторону. Эта возможность использована во всех примерах, кроме первого.
Copyright © 1993–2024 Мацкявичюс Д.А. Все права защищены.
Никакая часть сайта не может быть воспроизведена никаким способом без письменного разрешения правообладателя и явной ссылки на данный ресурс.
