logo

Marquee HTML

El Marquee HTML L'etiqueta és un element HTML no estàndard que s'utilitza per desplaçar una imatge o un text horitzontalment o verticalment.

En paraules senzilles, podeu dir que desplaça la imatge o el text amunt, avall, esquerra o dreta automàticament.

L'etiqueta Marquee es va introduir per primera vegada a les primeres versions d'Internet Explorer de Microsoft. Es compara amb l'element parpelleig de Netscape.

tutorial java jfx

Exemple d'HTML de marquesina

 This is an example of html marquee 
Prova-ho ara

Sortida:

Aquest és un exemple de marquesina html

Navegadors compatibles

Element navegador chromeChrome és a dir, navegadorIE navegador firefoxFirefox navegador operaÒpera navegador safariSafari

Atributs de marquesina HTML

L'element de marquesina conté diversos atributs que s'utilitzen per controlar i ajustar l'aspecte de la marquesina.

AtributDescripció
comportamentFacilita a l'usuari configurar el comportament de la marquesina en un dels tres tipus diferents: desplaçament, lliscament i alternatiu.
direcciódefineix la direcció per al contingut de desplaçament. Pot ser a l'esquerra, a la dreta, amunt i avall.
ampladadefineix l'amplada de la marquesina en píxels o %.
alçadadefineix l'alçada de la marquesina en píxels o %.
hespaidefineix l'espai horitzontal en píxels al voltant de la marquesina.
vspacedefineix l'espai vertical en píxels al voltant de la marquesina.
retard de desplaçamentdefineix el retard de desplaçament en segons.
desplaçamentdefineix la quantitat de desplaçament en nombre.
bucledefineix el bucle per al contingut de marquesina en nombre.
bgcolordefineix el color de fons. És ara obsolet .

Marquesa de desplaçament HTML

És una propietat per defecte. S'utilitza per desplaçar el text de dreta a esquerra i es reinicia al costat dret de la marquesina quan s'arriba a l'extrem del costat esquerre. Després de completar el bucle, el text desapareix.

 This is an example of a scroll marquee... 
Prova-ho ara

Sortida:

Aquest és un exemple de marquesina de desplaçament...

Marquesa de diapositives HTML

A la marquesina de diapositives, tots els continguts que s'han de desplaçar lliscaran tota la longitud de la marquesina, però s'aturaran al final per mostrar el contingut permanentment.

 This is an example of a slide marquee... 
Prova-ho ara

Sortida:

Aquest és un exemple de carpa de diapositives...

Marquesa alternativa HTML

Desplaça el text de dreta a esquerra i torna d'esquerra a dreta.

 This is an example of a alternate marquee... 
Prova-ho ara

Sortida:

javascript
Aquest és un exemple d'una carpa alternativa...

Direcció en marquesina HTML

S'utilitza per canviar la direcció del text de desplaçament. Prenguem un exemple de desplaçament de marquesina cap a la dreta. La direcció pot ser esquerra, dreta, amunt i avall.

 This is an example of a right direction marquee... 
Prova-ho ara

Sortida:

Aquest és un exemple de marquesina de direcció correcta...

Exemple de marquesina imbricada

 Nested marquee... 
Prova-ho ara

Carpa niuada...

Desavantatges HTML marquesina

1) La marquesina pot ser una distracció perquè els ulls humans se senten atrets pel moviment i el text de la marquesina constantment.

2) Com que el text de la marquesina es mou, és més difícil fer clic al text estàtic, depenent de la velocitat de desplaçament.

3) És un element HTML no estàndard.

4) Crida l'atenció de l'usuari innecessàriament i fa que el text sigui més difícil de llegir.