неділя, 17 жовтня 2010 р.

Урок №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>


a16.gif


<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>

2 коментарі:

Misha сказав...

ее))
у меня собака получилась)))

Алекс сказав...

Дуже гарно, виходить. Тільки ширину стрічки не вдається змінити і колір не знаю як закодувати. А взагалі здорово. Дуже дякую.

Дописати коментар