«

»

Lis 03

Wydrukuj to Wpis

html-animacja

html-animacja

Tag marquee tworzy animacje na stronie. Marquee pozwala na poruszanie się (scroll) obrazów, tekstów, grafiki, itd… Poruszanie może odbywać się poziomo lub pionowo. Pierwszy tag byl stworzony tylko dla przeglądarki IE, ale obecne przeglądarki również obsługują ten tag.

Animowany tekst

1
<marquee>Animowany tekst</marquee>

Animowany tekst

1
<marquee scrollamount="1">Animowany tekst</marquee>

Animowany tekst

1
<marquee scrollamount="30">Animowany tekst</marquee>

Animowany tekst

1
<marquee direction="right">Animowany tekst</marquee>

Animowany tekst

1
<marquee behavior="alternate">Animowany tekst</marquee>

Animowany tekst

1
<marquee direction="up" height="60"><center>Animowany tekst</center></marquee>

Animowany tekst

1
<marquee direction="down" height="60"><center>Animowany tekst</center></marquee>

Animowany tekst

1
<marquee width="100">Animowany tekst</marquee>

Animowany tekst

1
<marquee onmouseout="this.start()" onmouseover="this.stop()">Animowany tekst</marquee>

1
<marquee><img src="obrazek"></marquee>

1
<marquee height="100" direction="up"><img src="obrazek" width="90" height="82"></marquee>

1
<marquee behavior="alternate"><img src="obrazek"></marquee>

LATAJĄCY TEKST

1
<marquee direction="up" scrollamount="1" height="100"><font color="navy" size=+3><center>LATAJĄCY TEKST</center></font></marquee>

SKACZĄCY TEKST

1
<marquee align="middle" behavior="alternate" direction="up" height="22" scrollamount="2" scrolldelay="20" width="4%">S</marquee><marquee align="middle" behavior="alternate" direction="down" height="22" scrollamount="2" scrolldelay="15" width="4%">K</marquee><marquee align="middle" behavior="alternate" direction="up" height="22"  scrolldelay="20" width="4%">A</marquee><marquee align="middle" behavior="alternate" direction="down" height="22" scrollamount="2" scrolldelay="15" width="4%">C</marquee><marquee align="middle" behavior="alternate" direction="up" height="22" scrollamount="2" scrolldelay="20" width="4%">Z</marquee><marquee align="middle" behavior="alternate" direction="down" height="22" scrollamount="2" scrolldelay="20" width="4%">Ą</marquee><marquee align="middle" behavior="alternate" direction="up" height="22" scrollamount="2" scrolldelay="20" width="4%">C</marquee><marquee align="middle" behavior="alternate" direction="up" height="22" scrollamount="2" scrolldelay="20" width="4%">Y</marquee><marquee align="middle" behavior="alternate" direction="down" height="22" scrollamount="2" scrolldelay="20" width="4%"> </marquee><marquee align="middle" behavior="alternate" direction="down" height="22" scrollamount="2" scrolldelay="20" width="4%">T</marquee><marquee align="middle" behavior="alternate" direction="up" height="22" scrollamount="2" scrolldelay="20" width="4%">E</marquee><marquee align="middle" behavior="alternate" direction="down" height="22" scrollamount="2" scrolldelay="20" width="4%">K</marquee><marquee align="middle" behavior="alternate" direction="up" height="22" scrollamount="2" scrolldelay="20" width="4%">S</marquee><marquee align="middle" behavior="alternate" direction="down" height="22" scrollamount="2" scrolldelay="20" width="4%">T</marquee>

Animowany tekst

1
<marquee direction="up" height="80" scrollamount="1" scrolldelay="60" style="background:#FF0; padding: 10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" width="250"><center>Animowany tekst</center></marquee>

Permalink do tego artykułu: http://tmall.com.pl/html-animacja/

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Możesz użyć tych znaczników i atrybutów HTMLa: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>