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