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

Загрузка ...

Тег marquee, задающий бегущую строку, придуман когда-то для Internet Exlorer и другие браузеры не всегда корректно отображают работу различных его атрибутов.

для ЖЖ: «HTML-тэг marquee теперь вырезается из текста комментария при отображении (т.е. сам текст будет отображаться, но он не будет анимирован или скрыт).»
СУП. Релиз #75 от 4 Фев, 2011

your running text
<marquee>your running text</marquee>

your running text
<marquee scrollamount="1">your running text</marquee>

your running text
<marquee scrollamount="3">your running text</marquee>

your running text
<marquee scrollamount="30">your running text</marquee>

your running text
<marquee direction="right">your running text</marquee>

your message here
<marquee behavior="alternate">your message here</marquee>

your running text
<marquee height="50" direction="up">your running text</marquee>

your running text

<marquee height="50" direction="down">your running text</marquee>

your message here

<marquee bgcolor="silver">your running text</marquee>
your message here

<marquee direction="right" bgcolor="#color" width="300">your running text</marquee>

your running text

<marquee width="100">your running text</marquee>

your running text

<marquee width="100" style="border:2px dotted deeppink ;">your running text</marquee>

your text here

<marquee direction="left" bgcolor="silver" width="300">your text here</marquee>
your exciting message hereyour exciting message hereyour exciting message hereyour exciting message here

<marquee bgcolor="pink" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee><marquee bgcolor="silver" width="25%">your exciting message here</marquee><marquee bgcolor="aqua" width="25%" direction="right">your exciting message here</marquee>

Останавливаем строку наведением курсора мыши

<marquee onmouseover=this.stop() onmouseout=this.start() >TEXT</marquee>


<marquee><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>


<marquee height="150" direction="up"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>


<marquee behavior="alternate" direction="down" scrollamount="10"><marquee behavior="scroll" direction="left" scrollamount="10"><img src="АДРЕС КАРТИНКИ В СЕТИ" /></marquee></marquee>

<marquee width=300 height=10 behavior="alternate" style="border:3px solid red ;"><img src="АДРЕС КАРТИНКИ В СЕТИ"></marquee>

Flying text

<marquee direction="up" scrollamount="1" height="150" style="filter:wave(add=1, phase=10, freq=2, strength=300); colortag="red";><font color="navy" size=+3>FLYING TEXT</font></marquee>

« П Л Я Ш Е М и П О Е М ! !»

<marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%">«</marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> П </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> Л </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> Я </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> Ш </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> Е </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15 scrollamount=2 height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> и </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15 scrollamount=2 height="22" width="4%"> П </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> О </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=15 scrollamount=2 height="22" width="4%"> Е </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> ! </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay=15 scrollamount=2 height="22" width="4%"> !</marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay=20 scrollamount=2 height="22" width="4%"> »</marquee>

Можно типа информера прикрутить:

— Я недавно на свадьбе был!
— А что у тебя с лицом?
— Разбили на счастье.
———-
— Почему рука забинтована?
— Дятла с ладошки кормила…
———-
Мне приходится работать, он любит отдохнуть. Я — злой, он — добрый. Я живу с женой, он — шлындает по девочкам. С большим трудом я понимаю, как вообще мы можем с ним уживаться в одном человеке. ———-

<marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount=1 scrolldelay=60 direction=up width=250 height=60>ТЕКСТ</marquee>


С

Д
Н
Е
М

Р
О
Ж
Д
Е
Н
И
Я
!

<marquee direction=up scrolldelay=1 scrollamount=1 style="text-align:justify;filter:wave(add=5, phase=10, freq=5, strength=100);"><center><font color=blue size=3><br>С<br><br>Д<br>Н<br>Е<br>М<br><br>Р<br>О<br>Ж<br>Д<br>Е<br>Н<br>И<br>Я<br>!</font></marquee>

НОВОСТИ САЙТА: Место Вашей рекламы!
Добавляйтесь  ЗДЕСЬ НОВИНКА! Почти даром!
Разработка баннеров  читать
Заказать баннер  ЗДЕСЬ Смотрите МЕНЮ "СЕРВИС"
На свой WM Собери бонусы
Ставьте свои баннеры:
Стена посещений
Меняем эл. валюты: Обменник эл. валют
Из длинных-Короткие ссылки
Страница развлечений Меню сайта: "HTML вёрстка"
Ссылка Меню: HTML вёрстка
Сборник интересных страниц и статей по теме HTML!

<table border="0" style="border: 5px solid #47AE82;"><tbody><tr><td><div style="text-align: center;"><strong><span style="color: rgb(65, 168, 95);">НОВОСТИ САЙТА:</span></strong></div> <marquee onMouseOver="this.stop()" onMouseOut="this.start()" width="190" height="200" scrollamount="1" Direction="up" Bgcolor=f6fef3> <hr color="#00B344"> <font color="red">Место Вашей рекламы! <br> </font> <i>Добавляйтесь </i> <a href="http://webdengi.okis.ru/forms/1187" target="_blank">ЗДЕСЬ</a> <hr color="#00B344"> <font color="red">НОВИНКА! Почти даром!<br> </font> <i>Разработка баннеров </i> <a href="http://webdengi.okis.ru/razrabotka-bannerov" target="_blank">читать</a><br> <i>Заказать баннер </i> <a href="http://webdengi.okis.ru/forms/1188" target="_blank">ЗДЕСЬ</a> <hr color="#00B344"> <i>Смотрите МЕНЮ </i><font color="red">"СЕРВИС"<br> </font> <i>На свой WM </i><a href="http://webdengi.okis.ru/soberi-bonusy" target="_blank">Собери бонусы</a><br> <i>Ставьте свои баннеры:</i><br> <a href="http://webdengi.okis.ru/stena-poseshchenii" target="_blank">Стена посещений</a><br> <i>Меняем эл. валюты:</i> <a href="http://webdengi.okis.ru/obmennik-elektronnykh-valiut" target="_blank">Обменник эл. валют</a><br> <i>Из длинных-</i><a href="http://webdengi.okis.ru/korotkie-ssylki" target="_blank">Короткие ссылки</a><br> <a href="http://webdengi.okis.ru/razvlecheniia-na-saite" target="_blank">Страница развлечений</a> <hr color="#00B344"> <i>Меню сайта: </i><font color="red">"HTML вёрстка"<br> </font> <i>Ссылка Меню: </i><a href="http://webdengi.okis.ru/html-viorstka" target="_blank">HTML вёрстка</a><br> <i>Сборник интересных страниц и статей по теме HTML!</i> <hr color="#00B344"> <center><a href="http://ru.ifaucet.net/?ref=13521" title="Зарабатывай с 900+ кранов на одном сайте"><img src="http://i1.ru.ifaucet.net/ifaucet.net-200x200ru.gif" alt="Зарабатывай с 900+ кранов на одном сайте"></a></center> <hr color="#00B344"> </marquee></td></tr></tbody></table>

В начало ↑