Тег MARQUEE

Тег <MARQUEE> создает бегущую строку на странице. На самом деле содержимое контейнера <MARQUEE> не ограничивается строками и позволяет перемещать (скролировать) любые элементы веб-страницы — изображения, текст, таблицы, элементы форм и т.д. Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение.

<marquee>...</marquee>

behavior

Задает тип движения содержимого контейнера <MARQUEE>.

bgcolor

Цвет фона.

direction

Указывает направление движения содержимого контейнера <MARQUEE>.

height

Высота области прокрутки.

hspace

Горизонтальные поля вокруг контента.

loop

Задает, сколько раз будет прокручиваться содержимое.

scrollamount

Скорость движения контента.

scrolldelay

Величина задержки в миллисекундах между движениями.

truespeed

Отменяет встроенный ограничитель скорости при низких значениях параметра scrolldelay.

vspace

Вертикальные поля вокруг содержимого.

width

Ширина области прокрутки.

Обязателен.

Пример 1. Использование тега <MARQUEE>

Устанавливает способ движения содержимого внутри элемента <MARQUEE>.

<marquee behavior="alternate | scroll | slide">...</marquee>

alternate

Контент перемещается между правым и левым краем элемента.

scroll

Контент перемещается в направлении, заданным параметром direction, затем скрывается за пределами области, после чего начинает движение с начала.

slide

Контент перемещается в направлении, заданным параметром direction, доходит до края области и останавливается.

scroll

Пример 2. Способ перемещения

Результат данного примера показан ниже.

Устанавливает цвет фона под содержимым элемента MARQUEE.

<marquee bgcolor="цвет">...</marquee>

Значение цвета можно задавать двумя способами.

Браузеры поддерживают некоторые цвета по их названию.

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 16. Цифры будут следующие: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F. Цифры от 10 до 15 заменены латинскими буквами. Числа больше 15 в шестнадцатеричной системе образуются объединением двух чисел в одно. Например, числу 255 в десятичной системе соответствует число FF в шестнадцатеричной системе. Чтобы не возникало путаницы в определении системы счисления, перед шестнадцатеричным числом ставят символ решетки #, например #666999. Каждый из трех цветов — красный, зеленый и синий — может принимать значения от 00 до FF. Таким образом, обозначение цвета разбивается на три составляющие #rrggbb, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

Совпадает с цветом фона веб-страницы, обычно это белый цвет.

Пример 3. Цвет фона

Содержимое контейнера <MARQUEE> может перемещаться в четырех направлениях, не только влево и вправо, но также вверх и вниз.

<marquee direction="down | left | right | up">...</marquee>

down

Движение сверху вниз.

left

Движение справа налево.

right

Движение в правую сторону.

up

Движение вверх.

left

Пример 4. Направление движения

Элемент MARQUEE отображается как прямоугольник, ширина и высота которого устанавливаются, соответственно, с помощью параметров width и height. Прокрутка содержимого будет происходить в пределах заданных размеров. Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, то размеры <MARQUEE> вычисляются относительно родительского элемента, обычно это тег BODY. Иными словами, width="100%" означает, что элемент будет занимать всю доступную ширину веб-страницы.

<marquee height="высота">...</marquee>
<marquee width="ширина">...</marquee>

Любое целое положительное число в пикселах или процентах.

Ширина — 100%, высота — 12 пикселов.

Пример 5. Ширина и высота области прокрутки

Параметры hspace и vspace предназначены для добавления пустого пространства вокруг содержимого MARQUEE. Атрибут hspace устанавливает поля слева и справа от элемента (по горизонтали), а vspace — сверху и снизу (по вертикали). Поля не увеличивают фоновую область под содержимым и служат для изменения расстояния между тегом <MARQUEE> и другими элементами веб-страницы.

<marquee hspace="поле по горизонтали">...</marquee>
<marquee vspace="поле по вертикали">...</marquee>

Любое целое положительное число в пикселах.

-1

Пример 6. Поля вокруг области прокрутки

Устанавливает, сколько раз скролировать содержимое тега <MARQUEE>. После того, как заданное число раз отсчитано, содержимое остается в конечной точке.

<marquee loop="число повторений">...</marquee>

Любое целое положительное число или -1 для бесконечного воспроизведения движения.

-1

Пример 7. Повторение скролирования

Анимация содержимого элемента <MARQUEE> происходит за счет периодического стирания информации и отображения ее на новом месте. Параметр scrollamount устанавливает расстояние в пикселах между старым и новым положениями, которые влияют на скорость движения и плавность хода. Чем выше значение, тем быстрее перемещается содержимое контейнера. Если значение равно нулю, то движения не происходит.

<marquee scrollamount="число">...</marquee>

Любое целое положительное число пикселов.

6

Пример 8. Использование параметра scrollamount

На скорость скролирования, как и изменение позиции, влияет частота обновления содержания. Параметр scrolldelay задает время задержки между движениями в миллисекундах, чем ниже значение, тем выше скорость движения, и наоборот.

<marquee scrolldelay="число">...</marquee>

Любое целое положительное число миллисекунд.

85

Пример 9. Использование параметра scrolldelay

Если содержимое тега <MARQUEE> перемещается слишком быстро, то срабатывает встроенный ограничитель скорости, который насильно замедляет скролирование. Это сделано для того, чтобы сохранить читабельность текста. Если вы намерены обойти это ограничение, добавьте параметр truespeed, он заставляет прокручиваться содержимое с заданной скоростью. Для параметра scrolldelay ограничение скорости начинается со значения 60 миллисекунд и ниже.

<marquee truespeed>...</marquee>

Нет.

По умолчанию этот параметр выключен.

Пример 10. Использование параметра truespeed