Бегущая строка (элемент marquee)
<MARQUEE> </marquee>
Элемент, создающий бегущую строку. Сам по себе прием интересен, наилучшего эффекта можно добиться, удачно подобрав атрибуты. Фоновый цвет задается так:
bgcolor="Цвет"
Если фон задан, то броузер рисует на экране цветную полосу, вдоль которой бежит текст. Высоту полосы можно регулировать двумя способами:
height=Высота в пикселах
height=Число %
Если используются пикселы, то можно порекомендовать диапазон 30...50. Высоту можно указывать и в процентах. Процент определяет долю от высоты видимой части гипертекста внутри окна броузера. Эта величина, разумеется, не является постоянной и зависит от размера окна. Если высота полосы достаточно большая, имеет смысл использование атрибута align для выравнивания текста по верхнему краю, по середине или по нижнему краю полосы:
align=top
align=middle
align=bottom
Правда, не все браузеры поддерживают этот атрибут. Вот пример полосы зеленого цвета, высотой 50 пикселов, с выравниванием бегущего текста по середине:
<MARQUEE bgcolor="green" height=50 align="middle"> Бегущая строка </MARQUEE>
Направление движения строки тоже можно менять:
direction="left" direction="right"
Самым удачным атрибутом элемента marquee является behavior, управляющий поведением (behavior) строки. По умолчанию создается обычная бегущая строка, какие бывают на табло. Дойдя до края экрана (окна), она уходит из поля зрения, а затем появляется с противоположной стороны. Этому варианту поведения соответствует следующее значение атрибута:
behavior="scroll"
Второй вариант движения заключается в следующем - строка появляется из-за края окна, достигает противоположного и останавливается. Значение атрибута таково:
behavior="slide"
По третьему сценарию строка не исчезает с экрана, но и не останавливается. Она движется вправо или влево, "отражаясь" от краев окна и меняя направление движения. Атрибут в этом случае должен быть задан так:
behavior="alternate"
Всю полосу можно сдвинуть по горизонтали вправо:
hspace=Смещение в пикселах
Выше и ниже полосы можно создать пустое пространство:
vspace=Высота в пикселах
Количество проходов строки по экрану можно ограничить:
loop=Число
Выполнив необходимое число проходов, строка остановится. Отсчет начнется только после того, как пользователь увидит ее на экране. Скорость движения задает следующий атрибут:
scrollamount=Число
Если число = 1, то строка будет еле ползти по сравнению с режимом по умолчанию. Если число > 10, то она будет двигаться очень быстро. Данный атрибут задает скорость движения как число пикселов, которые проходит строка за каждый шаг.
Существует второй атрибут скорости, определяющий временной интервал (в миллисекундах) между шагами:
scrolldelay=Число
С помощью этого атрибута можно заставить строку двигаться рывками.
Пример.
<HEAD>
<TITLE>Бегущая строка</title>
</head>
<BODY bgcolor=#E0FFFF>
<BASEFONT size=3>
<MARQUEE bgcolor="RED" height=30 direction="right" behavior="scroll"> Бегущая строка 1 </marquee>
<MARQUEE BGCOLOR="GREEN" height=30 direction="right" behavior="slide" scrollamount=3> Бегущая строка 2 </marquee>
<MARQUEE BGCOLOR="YELLOW" height=30 direction="right" behavior="alternate" scrollamount=4> Бегущая строка 3 </marquee>
<MARQUEE BGCOLOR="BLUE" height=30 direction="right" behavior="alternate" scrolldelay=500 scrollamount=10> Бегущая строка 4 </marquee>
<MARQUEE> Бегущая строка 5 </marquee>
</body>
</html>
