Marquee tag

Marquee tag je nestandardni tag koji je prvi put podržan u Internet Explorer-u. Ovaj tag danas podržavaju i drugi preglednici, ali ne kao standard nego više kao podršku stranicama koje ga koriste da bi se prikazale kako treba. Koristimo ga samo onda kada nam je potrebno scrool-ati neki tekst na web stranici. Odmah da upozorim da ovaj tag treba izbjegavati jer nije uključen u W3C standard. Najjednostavniji oblik korištenja ovog taga je:

1.
<marquee>Neki tekst na stranici</marquee>


Gornji kod će vrtjeti tekst „predefinirano“ sa desna na lijevo i tako u beskonačnost. Ovo ponašanje možemo promijeniti korištenjem nekih od atributa.

Align – koristi se isto kao i img tag
Behavior – definira „ponašanje“ taga, a vrijednosti mogu biti sljedeće:
Scroll – ovo je predefinirana opcija, tj. vrti sadržaj sa desna na lijevo;
Slide – pomiče sadržaj sa desna na lijevo i stane kada dosegne krajnju lijevu stranu;
Alternate – sadržaj se „odbija“ od strane marquee elementa lijevo-desno i nikad ne izlazi van samih granica elementa.
Bgcolor – Definira boju pozadine
Direction – definira smjer kretanja sadržaja, a vrijednosti mogu biti left, right, up, down
Width – definira širinu tag-a
Loop – definira koliko puta će tag vrtjeti svoj sadržaj
Scrollamount – definira za koliko će se piksela pomjerati sadržaj
Scrooldelay – definira vrijeme u milisekundama između dvije sličice animacije.


Na kraju nam preostaje još da vidimo kroz nekoliko primjera kako se mijenjaju osobine taga promjenom atributa.

2.
<marquee direction="up" bgcolor="#cccccc"
Scroolamount="10" width="200px" height="300px">
Neki tekst na stranici
</marquee>

Sada malo kompliciraniji primjer

<div class="code">
<marquee direction="down" Scrolldelay = "100"
width="10px" height="300px">
O
</marquee>

<marquee direction="down" Scrolldelay = "180"
width="10px" height="300px">
S
</marquee>


<marquee direction="down" Scrolldelay = "80"
width="10px" height="300px">
V
</marquee>


<marquee direction="down" Scrolldelay = "160"
width="10px" height="300px">
E
</marquee>


<marquee direction="down" SCROLLDELAY = "130"
width="10px" height="300px">
M
</marquee>

<marquee direction="down" SCROLLDELAY = "90"
width="10px" height="300px">
U
</marquee>