Урок №4 "Бігуча стрічка"

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

---

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 direction="right"><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
ann-pages.narod.ru/anim.htm

---

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 behavior=alternate scrollamount=1 scrolldelay=50><marquee style="padding:5px;background:lightblue;width:110px;"> <img src=URL-картинки1> <img src=URL-картинки2> <img src=URL-картинки3> <img src=URL-картинки1> <img src=URL-картинки2> <img src=URL-картинки3> </marquee></marquee>