Лабораторная работа 6.8. Вставка «бегущей строки»
«Бегущую строку» в документе можно реализовать с помощью тега <MARQUEE>, атрибуты которого задают характеристики строки: ее размеры, положение на странице, направление движения, количество повторений и т.п. Используя в рамках этого тега шрифт Windings, можно создавать различные визуальные эффекты. Основные атрибуты:
- WIDTH – задает ширину поля строки в пикселях или процентах от ширины окна;
- HEIGHT – задает высоту поля строки в пикселях;
- HSPACE, VSPACE – задают интервалы (в пикселях) по горизонтали и вертикали между текстом строки и краями ее поля;
- ALIGN – задает положение (выравнивание) текста строки в ее поле; возможные значения этого атрибута: TOP (вверху), BOTTOM (внизу), MIDDLE (посредине);
- DIRECTION - определяет направление движения; возможные значения этого атрибута: LEFT (справа налево), RIGHT (слева направо);
- BEHAVIOR – определяет способ движения строки; возможные значения этого атрибута: SCROLL – строка «прокручивается» на экране, двигаясь от одного края к другому, SLIDE – строка вытягивается из одного края поля и останавливается у другого края, ALTERNATE – переменное направление движения от одного края к другому, затем обратно;
- LOOP – определяет количество повторений текста в бегущей строке; значения этого атрибута – число или ключевое слово INFINITY (бесконечное число повторений); атрибут LOOP не влияет на поведение строки, если атрибут BEHAVIOR имеет значения ALTERNATE или SLIDE;
- SCROLLAMOUNT – устанавливает длину в пикселях скачка текста за один такт: при большом значении этого атрибута текст движется рывками, а при малом – замедленно;
- SCROLLDELAY – определяет величину паузы между тактами перемещения текста в миллисекундах;
- BGCOLOR – устанавливает цвет поля бегущей строки; значение задается либо именем (RED, BLUE,…) или шестнадцатеричным числом.
1 Создайте следующий файл и сохраните его под именем myString.htm:
<HTML>
<HEAD>
<TITLE>Бегущая строка</TITLE>
</HEAD>
<BODY>
Вот и она,бегущая строка:<BR>
<MARQUEE HEIGHT=50 WIDTH=75% HSPACE=5 VSPACE=5 ALIGN=TOP
BGCOLOR=PINK DIRECTION=LEFT LOOP=INFINITY BEHAVIOR=SCROLL
SCROLLAMOUNT=5 SCROLLDELAY=100>
<H1> Это сообщение прокручивается справа налево, пока не надоест
</H1>
</MARQUEE> <BR>
А чтобы строка не дергалась: <BR>
<MARQUEE HEIGHT=50 WIDTH=75% HSPACE=5 VSPACE=5 ALIGN=TOP
BGCOLOR=YELLOW DIRECTION=RIGHT LOOP=INFINITY BEHAVIOR=SCROLL SCROLLAMOUNT=2 SCROLLDELAY=40>
<H1> Это сообщение прокручивается слева направо, пока не надоест
</H1>
</MARQUEE>
</BODY>
</HTML>
2 Создайте несколько бегущих строк на странице с разными характеристиками, содержащие рекламные объявления.
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.