Бегущая строка средствами HTML, тэг marquee

Есть не очень распространненый тэг в HTML - marquee, который прокручивает содержимое в нем. Именно об этом тэге и пойдет речь в этой статье.

Довольно часто встречаются случаи, что даже бывалые веб-программисты удивляются увидев этот тэг.

Тэг <marquee></marquee> динамически прокручивает содержимое по определенным в нем правилам.

При помощи этого тэга можно создавать бегущие строчки со ссылками или текстом, который должен привлекать внимание посетителей страницы. Так же удобно создавать бегущие строки с изображениями-ссылками, например партнеров компании.

Пример обычной бегущей строчки:

<marquee>Бегущая строчка</marquee>

Бегущая строчка

Теперь давайте рассмотри атрибуты тэга <marquee>, который позволяют изменить стиль бегущей строки или ее вид:

Атрибут behavior - задает тип движения содержимого тэга, может принимать следующие значения(по-умолчанию scroll):

• Alternate - Контент перемещается между правым и левым краем элемента.
• Scroll - Контент перемещается в направлении, заданным атрибутом direction, затем скрывается за пределами области, после чего начинает движение с начала.
• Slide - Контент перемещается в направлении, заданным атрибутом direction, доходит до края области и останавливается.

Атрибут direction - указывает направление движения содержимого тэга, может принимать следующие значения(по умолчанию left):

• Down - Движение сверху вниз.
• Left - Движение справа налево.
• Right - Движение в правую сторону.
• Up - Движение вверх.

Атрибут loop - задает, сколько раз будет прокручиваться содержимое, может принимать следующие значения(по умолчанию -1):

• Любое целое положительное число
• -1 означает бесконечное повторение

Атрибут scrollamount - скорость движения содержимого, может принимать следующие значения(по умолчанию 6):

• Любое целое положительное число

Атрибут scrolldelay - величина задержки в миллисекундах между движениями, может принимать следующие значения(по умолчанию 85):

• Любое целое положительное число миллисекунд

Теперь несколько примеров использования тэга <marquee>:

<marquee height="50" direction="up">Бегущая строчка</marquee>

Бегущая строчка

<marquee scrollamount="3" direction="right">Бегущая строчка</marquee>

Бегущая строчка

<marquee scrollamount="30">Бегущая <a href="http://www.web.cofp.ru/">строчка</a></marquee>

Бегущая строчка

<marquee behavior="alternate">Бегущая строчка</marquee>

Бегущая строчка

<marquee>
    <a href="http://ihc.ru/?ref=38375"><img alt="ihc 120x240 4" src="/images/system/ihc_120x240_4.gif" /></a>
    <a href="http://www.hostland.ru/order/hosting/?r=8f9c16ea"><img alt="nekisli1" src="/images/system/nekisli1.gif" /></a>
    <a href="http://ihc.ru/?ref=38375"><img alt="ihc 240x400 1" src="/images/system/ihc_240x400_1.gif" /></a>
    <a href="http://ihc.ru/?ref=38375"><img alt="ihc 120x240 3" src="/images/system/ihc_120x240_3.gif" /></a>
</marquee>