Text in Miscare
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.
Cod:
<marquee>TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De la stanga la dreapta. Vom adauga atributul direction cu valoarea "right" dupa cum urmeaza
Cod:
<marquee direction="right">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
Alternativ. Cu ajutorul atributului behavior.
Cod:
<marquee behavior="alternate">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De jos in sus
Cod:
<marquee direction="up">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De sus in jos.
Cod:
<marquee direction="down">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De sus in jos alternativ.
Cod:
<marquee direction="up" behavior="alternate">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De sus in jos alternativ si de la stanga la dreapta in acelasi timp. Se va obtine o miscare in ziz-zag a textului.
Cod:
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
Si inca odata in zig-zag dar intr-un spatiu inchis.
Cod:
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right" behavior="alternate">TEXT</marquee></marquee>
Rezultatul:
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.
Cod:
<marquee>TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De la stanga la dreapta. Vom adauga atributul direction cu valoarea "right" dupa cum urmeaza
Cod:
<marquee direction="right">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
Alternativ. Cu ajutorul atributului behavior.
Cod:
<marquee behavior="alternate">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De jos in sus
Cod:
<marquee direction="up">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De sus in jos.
Cod:
<marquee direction="down">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De sus in jos alternativ.
Cod:
<marquee direction="up" behavior="alternate">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
De sus in jos alternativ si de la stanga la dreapta in acelasi timp. Se va obtine o miscare in ziz-zag a textului.
Cod:
<marquee behavior="alternate" direction="up" width="80%"><marquee direction="right">TEXT</marquee></marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
Pe un background
Cod:
<font color="WHITE"><marquee direction="left" style="background:BLUE">TEXT</marquee></font>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
In Chenar
Cod:
<marquee style="border:BLUE 3px SOLID">TEXT</marquee>
Rezultatul:
------------------------------------------------------------------------------------------------------------------
Fotografie. Folosind scripturile de mai sus se pot introduce si fotografii cu sau fara text. Acestea vor fi introduse conform exemplului urmator.
Cod:
<marquee>Ceva text aici <img src="http://i22.servimg.com/u/f22/15/42/26/78/miniba10.jpg" width="88" height="31" alt="Tutoriale in limba romana" border="0"></marquee>
------------------------------------------------------------------------------------------------------------------
Cod:
Animatie incadrata in text fix.
Putin text inainte <marquee WIDTH="20%"><img src="http://i22.servimg.com/u/f22/15/42/26/78/miniba10.jpg" width="88" height="31" alt="Tutoriale in limba romana" border="0"></marquee> Putin text dupa.
Rezultatul:
Putin text inainte
Tutorial scris de [Trebuie sa fiti inscris si conectat pentru a vedea acest link]
Copyright Extrem-Tutorials.com - Nici o parte a acestui tutorial nu poate fi reprodusa fara acordul autorului.
SebyMar 26 Oct - 11:42