MARQUEE
С помощью тега
<MARQUEE> можно создавать перемещающиеся по экрану объекты, такие как текст или изображения. Они будут созданы в виде бегущей строки и могут перемещаться с заданной скоростью и интервалами по горизонтали или вертикали. Наглядным примером действия элемента
<MARQUEE> может служить перечисление тегов в правом меню на нашем сайте.
<body>
<marquee behavior="alternate" direction="left" bgcolor="#ffcc00">
Доброе утро, страна!
</marquee>
</body>
|
Параметры:
behavior Задает тип движения содержимого контейнера
bgcolor Цвет фона
direction Указывает направление движения содержимого контейнера
height Высота области прокрутки
width Ширина области прокрутки
hspace Горизонтальные поля вокруг контента
vspace Вертикальные поля вокруг содержимого
loop Задает, сколько раз будет прокручиваться содержимое
scrollamount Скорость движения контента
scrolldelay Величина задержки в миллисекундах между движениями
truespeed Отменяет встроенный ограничитель скорости при низких значениях параметра scrolldelay
Параметр BEHAVIOR
Устанавливает тип движения содержимого внутри элемента.
alternate Контент перемещается между правым и левым краем элемента
scroll Контент перемещается в направлении, заданным параметром direction, затем скрывается за пределами области, после чего начинает движение с начала *
slide Контент перемещается в направлении, заданным параметром direction, доходит до края области и останавливается
<body>
<marquee bgcolor="#cccccc" behavior="alternate">
Доброе утро, страна!</marquee>
<marquee bgcolor="#cccccc" behavior="scroll">
Доброе утро, страна!</marquee>
<marquee bgcolor="#cccccc" behavior="slide">
Доброе утро, страна!</marquee>
</body>
|
Параметр BGCOLOR
С помощью этого фона задается цвет фона на котором будет перемещаться содержимое блока.
<marquee bgcolor="цвет">...</marquee>
Параметр DIRECTION
Задает одно из четырех направлений движения содержимого контейнера.
down Движение сверху вниз
left Движение справа налево *
right Движение слева направо
up Движение снизу вверх
Параметры HEIGHT и WIDTH
С помощью этих параметров задается высота и ширина блока, в котором будет перемещаться строка. По умолчанию блок вытягивается на всю ширину родительского элемента, а его высота составляет 12 px.
<marquee width="500" height="100">...</marquee>
<marquee width="80%" height="20%">...</marquee>
Параметры HSPACE и VSPACE
Параметры
hspace и
vspace определяют расстояние от блока до содержимого, по вертикали и горизонтали соответственно.
<marquee hspace="15" vspace="20">...</marquee>
Параметр LOOP
Устанавливает число повторений скролинга содержимого блока.
Значение "-1" устанавливается для бесконечного воспроизведения движения.
Параметр SCROLLAMOUNT
Влияет на скорость движения и устанавливает расстояние в пикселях, на которое будет перемещаться контент с каждым заходом.
Параметр SCROLLDELAY
Также влияет на скорость перемещения контента в блоке и задает время задержки между движениями в миллисекундах.
Параметр TRUESPEED
Используется для отмены ограничителя скорости в параметре
scrolldelay, где ограничение скорости начинается со значения 60 миллисекунд и ниже. Для того чтобы сделать прокрутку текста еще более быстрой добавьте этот параметр.
<marquee truespeed">...</marquee>