Тег MARQUEE
Тег MARQUEE
| Браузер | Internet Explorer | Firefox | Mozilla | Opera | Netscape | Safari | |||||||
| Версия | 5.5 | 6.0 | 7.0 | 1.0 | 2.0 | 1.7 | 7.0 | 8.0 | 9.0 | 6.0 | 7.0 | 8.0 | 1.0 |
| Поддержка |  |
|
|
 |
|
|
|
|
|
|
|
|
|
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Тег <MARQUEE> создает бегущую строку на странице. На самом деле содержимое контейнера <MARQUEE> не ограничивается строками и позволяет перемещать (скролировать) любые элементы web-страницы - текст, таблицы, картинки, формы и прочее Перемещение можно задать не только по горизонтали, но и вертикали, в этом случае указываются размеры области, в которой будет происходить движение.
Первоначально тег <MARQUEE> был предназначен только для браузера Internet Explorer, но современные версии других браузеров (Firefox 1.0, Netscape 7, Opera 7 и старше) также поддерживают данный тег.
Синтаксис
Параметры
| behavior | Тип движения содержимого контейнера <MARQUEE>. |
| bgcolor | Цвет фона. |
| direction | Указывает направление движения содержимого контейнера <MARQUEE>. |
| height | Высота области прокрутки. |
| hspace | Горизонтальные поля вокруг контента. |
| loop | Задает, сколько раз будет прокручиваться содержимое. |
| scrollamount | Скорость движения контента. |
| scrolldelay | Величина задержки в миллисекундах между движениями. |
| truespeed | Отменяет встроенный ограничитель скорости при низких значениях параметра scrolldelay. |
| vspace | Вертикальные поля вокруг содержимого. |
| width | Ширина области прокрутки. |
Закрывающий тег
Обязателен.
Пример 1. Использование тега <MARQUEE>
<!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=windows-1251">
<title>Пример использования тега MARQUEE</title>
</head>
<body>
<marquee behavior="alternate" direction="left" bgcolor="#ffcc00">
Стояли жаркие, безветренные июньские дни...
</marquee>
</body>
</html>
Описание параметров тега <MARQUEE>
Параметр BEHAVIOR
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает способ движения содержимого внутри элемента <MARQUEE>.
Синтаксис
Аргументы
| alternate | Контент перемещается между правым и левым краем элемента. |
| scroll | Контент перемещается в направлении, заданным параметром direction, затем скрывается за пределами области, после чего начинает движение с начала. |
| slide | Контент перемещается в направлении, заданным параметром direction, доходит до края области и останавливается. |
Значение по умолчанию
scroll
Пример 2. Способ перемещения
<!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=windows-1251">
<title>Пример тега MARQUEE, параметр behavior</title>
</head>
<body>
<marquee bgcolor="#c0c0c0" behavior="alternate">Стояли жаркие, безветренные июньские дни...</marquee>
<marquee bgcolor="#c0c0c0" behavior="scroll">Стояли жаркие, безветренные июньские дни...</marquee>
<marquee bgcolor="#c0c0c0" behavior="slide">Стояли жаркие, безветренные июньские дни...</marquee>
</body>
</html>
Параметр BGCOLOR
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает цвет фона под содержимым элемента MARQUEE.
Синтаксис
Аргументы
Цвет задается следующими способами.
1. Используя название цвета
Большинство современных браузеров поддерживают задание цвета по названию.
2. Используя шестнадцатеричное значение
Для получения цвета применяются комбинации RGB-значения цвета, записанные в шестнадцатиричном формате. В шестнадцатеричной системе исчисления FFFFFF – белый цвет, 000000 – черный. Задаются цвета по два регистра для каждого цвета RGB (красный, зеленый и синий) - rrggbb, где каждая составляющая цвета принимает значение от 00 до FF.Значение по умолчанию
Совпадает с цветом фона web-страницы, обычно это белый цвет.
Пример 3. Цвет фона
<!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=windows-1251">
<title>Пример тега MARQUEE, параметр bgcolor</title>
</head>
<body bgcolor="#c0c0c0">
<marquee bgcolor="white">Интернет сеть чат общение...</marquee>
</body>
</html>
Параметр DIRECTION
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Содержимое контейнера <MARQUEE> может перемещаться в четырех направлениях, не только влево и вправо, но также вверх и вниз.
Синтаксис
Аргументы
| down | Движение сверху вниз. |
| left | Движение справа налево. |
| right | Движение в правую сторону. |
| up | Движение вверх. |
Значение по умолчанию
left
Пример 4. Направление движения
<!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=windows-1251">
<title>Пример тега MARQUEE, параметр direction</title>
</head>
<body>
<marquee direction="down" bgcolor="#ffcc00">Стояли жаркие, безветренные июньские дни...</marquee>
</body>
</html>
Параметр HEIGHT и WIDTH
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Элемент MARQUEE отображается как прямоугольник, ширина и высота которого устанавливаются, соответственно, с помощью параметров width и height. Прокрутка содержимого будет происходить в пределах заданных размеров. Допускается использовать значения в пикселах или процентах. Если установлена процентная запись, то размеры <MARQUEE> вычисляются относительно родительского элемента, обычно это тег BODY. То есть, width="100%" означает, что элемент будет занимать всю доступную ширину web-страницы.
Синтаксис
<marquee width="ширина">...</marquee>
Аргументы
Любое целое положительное число в пикселах или процентах.
Значение по умолчанию
Ширина - 100%, высота - 12 пикселов.
Пример 5. Ширина и высота области прокрутки
<!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=windows-1251">
<title>Пример тега MARQUEE, параметр width</title>
</head>
<body>
<marquee width="500" height="150" direction="up" bgcolor="olive" style="text-align: center; color: white">
Стояли жаркие, безветренные июньские дни...
</marquee>
</body>
</html>
Параметр HSPACE и VSPACE
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Параметры hspace и vspace предназначены для добавления пустого пространства вокруг содержимого MARQUEE. Атрибут hspace задает поля слева и справа от элемента (по горизонтали), а vspace - сверху и снизу (по вертикали). Поля не увеличивают фоновую область под содержимым и служат для изменения расстояния между тегом <MARQUEE> и другими элементами web-страницы.
Синтаксис
<marquee vspace="поле по вертикали">...</marquee>
Аргументы
Любое целое положительное число в пикселах.
Значение по умолчанию
-1
Пример 6. Поля вокруг области прокрутки
<!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=windows-1251">
<title>Пример тега MARQUEE, параметр hspace</title>
</head>
<body>
<marquee width="550" height="150" hspace="5" vspace="7">
Стояли жаркие, безветренные июньские дни...
</marquee>
</body>
</html>
Параметр LOOP
| HTML: | 3.2 | 4 | XHTML: | 1.0 | 1.1 |
Описание
Задает, сколько раз скролировать содержимое тега <MARQUEE>. После того, как заданное число раз отсчитано, содержимое остается в конечной точке.
Синтаксис
Аргументы
Любое целое положительное число или -1 для бесконечного воспроизведения движения.
Значение по умолчанию
-1
Пример 7. Повторение скролирования
<!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=windows-1251">
<title>Пример тега MARQUEE, параметр loop</title>
</head>
<body>
<marquee loop="5" behavior="alternate">
Стояли жаркие, безветренные июньские дни...
</marquee>
</body>
</html>
Параметр SCROLLAMOUNT
| HTML: | 3.2 | 4 |