Сайт Льва Волкова
  
· В Моухейв Каунти в Аризоне вора, попавшегося на краже мыла, предписывается мыть этим мылом до тех пор, пока оно не кончится.
 
      На главную  
 Личное
  Статьи
  Задачи 
 Ссылки
 АТ-531
www.levvol.ru    
 

Бегушая строка — тег <MARQUEE>

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

Первоначально тег <MARQUEE> был предназначен только для браузера Internet Explorer, но современные версии других браузеров (Firefox 1.0, Netscape 7, Opera 7 и старше) также понимают и поддерживают этот тег.

Синтаксис

<marquee>…</marquee>

Параметры
behavior Задает тип движения содержимого контейнера <MARQUEE>
bgcolor Цвет фона
direction Указывает направление движения содержимого контейнера <MARQUEE>
height Высота области прокрутки
hspace Горизонтальные поля вокруг контента
loop Задает, сколько раз будет прокручиваться содержимое
scrollamount Скорость движения контента
scrolldelay Величина задержки в миллисекундах между движениями
truespeed Отменяет встроенный ограничитель скорости при низких значениях
параметра scrolldelay
vspace Вертикальные поля вокруг содержимого
width Ширина области прокрутки
Закрывающий тэг обязателен
<marquee behavior="alternate" direction="left" bgcolor="#ffcc00" width="500px"> Lorem ipsum dolor sit amet... </marquee>
Lorem ipsum dolor sit amet...

Описание параметров тега <MARQUEE>

Параметр BEHAVIOR

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

Синтаксис
<marquee behavior="alternate | scroll | slide">…</marquee>
Аргументы
alternate Контент перемещается между правым и левым краем элемента
scroll Контент перемещается в направлении, заданным параметром direction, затем скрывается за пределами области, после чего начинает движение с начала.
slide Контент перемещается в направлении, заданным параметром direction, доходит до края области и останавливается.

Значение по умолчанию scroll

<marquee bgcolor="#c0c0c0" behavior="alternate">Lorem ipsum dolor sit amet...</marquee>
<marquee bgcolor="#c0c0c0" behavior="scroll">Lorem ipsum dolor sit amet...</marquee>
<marquee bgcolor="#c0c0c0" behavior="slide">Lorem ipsum dolor sit amet...</marquee>
Lorem ipsum dolor sit amet... Lorem ipsum dolor sit amet... Lorem ipsum dolor sit amet...
Параметр BGCOLOR
Описание

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

Синтаксис
<marquee bgcolor="цвет">…</marquee>
Параметр DIRECTION
Описание

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

Синтаксис
<marquee direction="down | left | right | up">…</marquee>
Аргументы
down Движение сверху вниз
left Движение справа налево
right Движение слева направо
up Движение снизу вверх

Значение по умолчанию left

<marquee direction="down" bgcolor="#ffcc00">Lorem ipsum dolor sit amet…</marquee>
Lorem ipsum dolor sit amet...
Параметр HEIGHT и WIDTH
Описание

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

Синтаксис
<marquee height="высота">…</marquee> <marquee width="ширина">…</marquee>
Аргументы

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

Значение по умолчанию

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

<marquee width="600" height="60" direction="up" bgcolor="olive" style="text-align: center; color: white"> Lorem ipsum dolor sit amet... </marquee>
Lorem ipsum dolor sit amet...
Параметр HSPACE и VSPACE
Описание

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

Синтаксис
<marquee hspace="поле по горизонтали">…</marquee> <marquee vspace="поле по вертикали">…</marquee>
Аргументы

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

Значение по умолчанию

-1

<marquee width="350" height="50" hspace="5" vspace="2"> Lorem ipsum dolor sit amet... </marquee>
Lorem ipsum dolor sit amet…
Параметр LOOP
Описание

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

Синтаксис
<marquee loop="число повторений">…</marquee>
Аргументы

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

Значение по умолчанию

-1

<marquee loop="5" behavior="alternate"> Lorem ipsum dolor sit amet... </marquee>
Lorem ipsum dolor sit amet...
Параметр SCROLLAMOUNT
Описание

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

Синтаксис
<marquee scrollamount="число">…</marquee>
Аргументы

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

Значение по умолчанию

6

<marquee scrollamount="10" behavior="alternate"> Lorem ipsum dolor sit amet... </marquee>
Lorem ipsum dolor sit amet...
Параметр SCROLLDELAY
Описание

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

Синтаксис
<marquee scrolldelay="число">…</marquee>
Аргументы

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

Значение по умолчанию

85

<marquee scrolldelay="100"> Lorem ipsum dolor sit amet... </marquee>
Lorem ipsum dolor sit amet...
Параметр TRUESPEED
Описание

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

Синтаксис
<marquee truespeed>…</marquee>
Аргументы

Нет.

Значение по умолчанию

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

<marquee scrolldelay="30" truespeed> Lorem ipsum dolor sit amet... </marquee>
Lorem ipsum dolor sit amet...

Источник:

Влад Мержевич: htmlbook.ru/html/marquee.html