/html/marquee:> Анимация текста_

Элемент marquee

Синтаксис

<marquee> ... </marquee>

Описание

Элемент marquee (от англ. "marquee" ‒ «бегущая строка») cоздаёт горизонтальную и вертикальную анимацию текста на странице в виде бегущей строки.

Примечание

  • Необходимо учитывать, что использование данного элемента осуждается HTML Спецификациями.
  • Изначально данный элемент был создан для Internet Explorer, но впоследствии был добавлен и другими браузерами.

Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация

Верс. Раздел
HTML
2.0 ---
3.2 ---
4.01 ---
5.0 10.5.10 The marquee element[1]
5.1 10.5.11. The marquee element[1]
XHTML
1.0 ---
1.1 ---
  • [1] ‒ помечен как «устаревший».

Атрибуты

behavior
Устанавливает сценарий перемещения содержимого.
bgcolor
Задаёт цвет фона.
direction
Задаёт направление перемещения содержимого.
height
Задаёт высоту анимированной области.
hspace
Устанавливает размер отступа от левого и правого края бегущей строки.
loop
Устанавливает количество повторов анимации.
scrollamount
Устанавливает скорость анимации.
scrolldelay
Устанавливает время задержки между каждым движением анимации.
truespeed
Позволяет атрибуту «scrolldelay» иметь значение меньше «60».
vspace
Устанавливает размер отступа от верхнего и нижнего края бегущей строки.
width
Ширина анимированной области.

Пример использования

Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Элемент marquee</title>
<link type="text/css" href="ex-style.css" rel="stylesheet">
</head>
<body>
<h1>Пример использования элемента "marquee"</h1>
<marquee class="marq1" direction="left"> "Текст идет влево" </marquee>
<marquee class="marq2" direction="down"> "Текст идет вниз" </marquee>
<marquee class="marq3" direction="right"><marquee class="marq4" direction="down"> "Текст идет вправо-вниз" </marquee></marquee>
<marquee class="marq5" direction="up"> "Текст идет вверх" </marquee>
</body>
</html>
Элемент marquee