/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