Тег MARQUEE

Браузер	Internet Explorer				Netтscape		Опера				Safari			Mozilla Firefox
Версия	5.5	6.0	7.0	8.0	8.0	9.0	7.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Поддерживается	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да	Да

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Первоначально тег <MARQUEE> был предназначен только для браузера Internet Эксплорер, но современные версии других браузеров (Файер фох 1.0, Нетscape 7, Опера 7 и старше) также понимают и поддерживают этот тег.

Синтаксис

Параметры

behavior: Задает тип движения содержимого контейнера <MARQUEE>.
bgcolor: Цвет фона.
direction: Указывает направление движения содержимого контейнера <MARQUEE>.
height: Высота области прокрутки.
hspace: Горизонтальные поля вокруг контента.
loop: Задает, сколько раз будет прокручиваться содержимое.
scrollamount: Скорость движения контента.
scrolldelay: Величина задержки в миллисекундах между движениями.
truespeed: Отменяет встроенный ограничитель скорости при низких значениях параметра scrolldelay.
vspace: Вертикальные поля вокруг содержимого.
width: Ширина области прокрутки.

Закрывающий тег

Обязателен.

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE</title>
 </head>
 <body>

  <marquee behavior="alternate" direction="left" bgcolor="#ffcc00">
    Lorem ipsum dolor sit amet...
  </marquee>

 </body>
</html>

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

Параметр BEHAVIOR

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

alternate: Контент перемещается между правым и левым краем элемента.
scroll: Контент перемещается в направлении, заданным параметром direction, затем скрывается за пределами области, после чего начинает движение с начала.
slide: Контент перемещается в направлении, заданным параметром direction, доходит до края области и останавливается.

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

scroll

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE, параметр behavior</title>
 </head>
 <body>

  <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> 

 </body>
</html>

Параметр BGCOLOR

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

1. По его названию

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

2. По шестнадцатеричному значению

Для задания цветов используются числа в шестнадцатеричном коде. Шестнадцатеричная система, в отличие от десятичной системы, базируется, как следует из ее названия, на числе 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, где первые два символа отмечают красную компоненту цвета, два средних — зеленую, а два последних — синюю.

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

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

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE, параметр bgcolor</title>
 </head>
 <body bgcolor="#c0c0c0">

  <marquee bgcolor="white">Lorem ipsum 
  dolor sit amet...</marquee>

 </body>
</html>

Параметр DIRECTION

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

down: Движение сверху вниз.
left: Движение справа налево.
right: Движение в правую сторону.
up: Движение вверх.

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

left

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE, параметр direction</title>
 </head>
 <body>

  <marquee direction="down" bgcolor="#ffcc00">Lorem 
  ipsum dolor sit amet...</marquee>

 </body>
</html>

Параметр HEIGHT и WIDTH

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

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

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE, параметр width</title>
 </head>
 <body>

  <marquee width="600" height="150" 
   direction="up" bgcolor="olive" style="text-align: center; 
  color: white">
   Lorem ipsum dolor sit amet...
  </marquee>

 </body>
</html>

Параметр HSPACE и VSPACE

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

-1

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE, параметр hspace</title>
 </head>
 <body>

  <marquee width="550" height="150" hspace="5" vspace="7">
   Lorem ipsum dolor sit amet... 
  </marquee>

 </body>
</html>

Параметр LOOP

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

-1

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE, параметр loop</title>
 </head>
 <body>

  <marquee loop="5" behavior="alternate">
   Lorem ipsum dolor sit amet...
  </marquee>

 </body>
</html>

Параметр SCROLLAMOUNT

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE, параметр scrollamount</title>
 </head>
 <body>

  <marquee scrollamount="10" behavior="alternate">
   Lorem ipsum dolor sit amet...
  </marquee>

 </body>
</html>

Параметр SCROLLDELAY

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

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

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

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE, параметр scrolldelay</title>
 </head>
 <body>

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

 </body>
</html>

Параметр TRUESPEED

ШТМЛ:

3.2

XШТМЛ:

1.0

1.1

Описание

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

Синтаксис

Аргументы

Нет.

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

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

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

ШТМЛ 4.01IE 5.5IE 6IE 7Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/HTML4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Тег MARQUEE, параметр truespeed</title>
 </head>
 <body>

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

 </body>
</html>