Как сделать бегущую строку на своём блоге

Как сделать бегущую строку на своём блоге

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

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

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>

---

бонус
Сайты, где много движущихся анимашек:
glitter-graphics.com
bigoo.ws

---

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>

---