Litra Library
Главная » Статьи » WEB » Тэги HTML
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 и старше) также поддерживают данный тег.

Синтаксис

<marquee>HTML-код</marquee>

Параметры

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

Синтаксис

<marquee behavior="alternate | scroll | slide">...</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.

Синтаксис

<marquee bgcolor="цвет">...</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> может перемещаться в четырех направлениях, не только влево и вправо, но также вверх и вниз.

Синтаксис

<marquee direction="down | left | right | up">...</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 height="высота">...</marquee>
<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 hspace="поле по горизонтали">...</marquee>
<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>. После того, как заданное число раз отсчитано, содержимое остается в конечной точке.

Синтаксис

<marquee loop="число повторений">...</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>
Категория: Тэги HTML | Добавил: expert1 (02.02.2013)
Просмотров: 274 | Теги: тэги html, html | Рейтинг: 0.0/0
Всего комментариев: 0

Проекты

RSS Правила Бесплатный хостинг uCoz Litra Library
^ Наверх ^