Text in miscare, tagul "marquee"
Introducere
Voi expune in acest articol cateva modalitati de animatie a textului cu ajutorul tagului marquee. Tagul marquee este un element HTML care face in mare, ca scrisul sa se miste de la stanga la dreapta si de sus in jos.
Voi exemplifica pe rand aceste animatii in exemplle ce urmeaza.
Exemple practice
De la dreapta la stanga. Aceasta este cea mai simpla animatie dat fiind faptul ca nu vom avea nevoie de nici o eticheta pentru a o realiza.
| <marquee>TEXT</marquee> |
De la stanga la dreapta. Vom adauga atributul direction cu valoarea "right" dupa cum urmeaza
| <marquee direction="right">TEXT</marquee> |
Alternativ. Cu ajutorul atributului behavior.
| <marquee behavior="alternate">TEXT</marquee> |
De jos in sus.
| <marquee direction="up">TEXT</marquee> |
De sus in jos.
| <marquee direction="down">TEXT</marquee> |
De sus in jos alternativ.
| <marquee direction="up" behavior="alternate">TEXT</marquee> |
De sus in jos alternativ si de la stanga la dreapta in acelasi timp. Se va obtine o miscare in ziz-zag a textului.
| <marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee> |
Si inca odata in zig-zag dar intr-un spatiu inchis
| <marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee> |
Pe un background
| <font color="WHITE"><marquee direction="left" style="background:RED">TEXT</marquee></font> |
In chenar.
| <marquee style="border:RED 3px SOLID">TEXT</marquee> |
Fotografie. Folosind scripturile de mai sus se pot introduce si fotografii cu sau fara text. Acestea vor fi introduse conform exemplului urmator.
| <marquee>Ceva text aici <img src="http://www.etutoriale.tutorialehtml.com/banners/88x31.gif" width="88" height="31" alt="Tutoriale in limba romana" border="0"></marquee> |
Animatie incadrata in text fix.
| Putin text innainte <marquee WIDTH="20%"><img src="http://www.etutoriale.tutorialehtml.com/banners/88x31.gif" width="88" height="31" alt="Tutoriale in limba romana" border="0"></marquee> Putin text dupa. |
| Putin text innainte Putin text dupa. |
Ar mai fi cateva de spus si anume ca viteva miscari poate fi modificata cu ajutorul atributului scrolldelay unde o valoare de "1000" de exemplu ar reduce viteza aproape de 0, iar o valoare de "1" ar fi o viteza foarte mare.
Miscare intrerupta cu ajutorul atributului scrollamount. O valoare de "10" de exemplu va innainta textu in miscarea lui cu 10 px/frame.
De asemenea se poate fixa un numarul de parcurgeri ale textului, de la dreapta la stanga de exemplu, cu ajutorul atributului loop. O valoare de "3" a acestuia te va lasa sa vezi textul de trei ori dupa care va disparea.
Ar mai fi cateva de spus dar nu mai imi aduc aminte. Voi adauga mai multe la cererea voastra.
Comentarii
Voteaza acest articol!
Trimite un comentariu!
