Etiqueta marque ~ Tube trucos

La etiqueta marquee no sólo pueden contener textos, también pueden contener otros elementos, por ejemplo, imágenes, vínculos o tablas.
La etiqueta <MARQUEE> </MARQUEE> crea un contenido que se desplaza. Por defecto, ocupa todo el ancho de la pantalla, tiene una línea de altura y el texto se mueve lentamente de derecha a izquierda.aqui les muestro una variedad de marquesinas (Marquee).

<MARQUEE>....texto.....<MARQUEE>

....texto.....

Los atributos WIDHT y HEIGHT permiten controlar el ancho y el alto de la marquesina y pueden expresarse en pixeles o porcentualmente.

El atributo ALIGN permite alinear el texto que rodea la marquesina, y puede tener los siguientes valores: top (arriba), middle (centrado) bottom (abajo).

Los atributos HSPACE y VSPACE definen la separación horizontal y vertical del texto en los bordes de la marquesina:

<marquee width="50%" height="60" align="bottom">
... texto,fotos,ect....
</marquee>

... texto,fotos,ect....

El color de fondo puede establecerse con el atributo BGCOLOR o, utilizando el atributo STYLE, podemos establecer cualquier propiedad, de manera similar al resto de las etiquetas HTML:
ejemplo #ffffff es el color blanco ustedes lo pueden poner a sus gusto.(para gusto se hicieron los colores)

<marquee bgcolor="#ffffff">
... texto ...
</marquee>

... texto ...

Para controlar más efectivamente las marquesinas, existen una serie de atributos especiales:

DIRECTION se utiliza para modificar la dirección hacia la que se dirige el texto. Puede ser left (el valor por defecto), right, up o down:

<marquee direction="right">
... texto ...
</marquee>

... texto ...

Con el atributo SCROLLDELAY se define el tiempo entre cada movimiento expresado en milisegundos:

<marquee scrolldelay="300">
... texto ...
</marquee>

... texto ...

LOOP indica el número de veces que aparecerá el texto y por defecto, es infinito.

<marquee LOOP ="infinito">
... texto ...
</marquee>

... texto ...

Con SCROLLAMOUNT controlamos la cantidad de desplazamiento del texto en cada movimiento de avance. Cuanto mayor es el número, más rápido avanza:

<marquee SCROLLAMOUNT =" aqui va el numero">
... texto ...
</marquee>

... texto ...

Por último, el atributo BEHAVIOR (comportamiento) sirve para definir de que manera se va a efectuar el desplazamiento y puede tener los siguientes valores:

* scroll (valor por defecto), aparece por un lado, se desplaza hasta el otro, desaparece y vuelve a empezar
* slide aparece por un lado, se desplaza y se detiene (sólo funciona en Internet Explorer).
* alternate se desplaza alternativamente hacia un lado y el otro.

<marquee BEHAVIOR="scroll">
... texto ...
</marquee>

... texto ...

¿Podemos controlar una marquesina mientras se ejecuta? Aquí hay un ejemplo simple, mediante dos botones, logramos cambiarle la dirección:

<marquee id="ejemplo" direction="up">
  ... contenido ...
</marquee>
<a href="javascript:void(0);" onclick="getElementById ('ejemplo').direction='down';">
  Hacia abajo
</a>
<a href="javascript:void(0);" onclick="getElementById ('ejemplo').direction='up';">
  Hacia arriba
</a> ... contenido ... Hacia abajo Hacia arriba

... contenido ...

Hacia abajo

Hacia arriba

<marquee scrollamount="5" width="40"><<<</marquee >AQUI VA EL TEXTO<marquee scrollamount="5" direction="right" width="40">>>></marquee>
<<<AQUI VA EL TEXTO>>>

<marquee behavior="alternate"><marquee width="200">AQUI VA EL TEXTO</marquee></marquee>

AQUI VA EL TEXTO

<marquee direction="up" behavior="alternate" width="60%"><marquee direction="right" behavior="alternate">AQUI VA EL TEXTO</marquee></marquee>

AQUI VA EL TEXTO

<marquee behavior="scroll" direction="left" id="mymarquee">
<p>AQUI VA EL TEXTO</p>
</marquee>
<input onclick="document.getElementById('mymarquee').start ();" value="Start" type="button" />
<input onclick="document.getElementById('mymarquee').stop ();" value="Stop" type="button" />

AQUI VA EL TEXTO

<marquee>
<table align="center" border="1" width="100">
<tbody><tr><td>aqui va el texto</td>
</tr></tbody></table>
</marquee>

aqui va el texto

<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)"><center>aqui va el texto<br />aqui va el texto</center></marquee>

aqui va el texto
aqui va el texto

<marquee style="border: 1px solid BLUE;">Aqui va el texto</marquee>

Aqui va el texto

<marquee behavior="scroll" direction="up" 450="" height="100" width="200="> <img src="http://dl.dropbox.com/u/25944020/images11.jpg" _blank="" /><img src="http://dl.dropbox.com/u/25944020/images11.jpg" _blank="" /><img src="http://dl.dropbox.com/u/25944020/images11.jpg" _blank="" />  </marquee>

Esta es una marquesina con hipervinculo
<marquee scrollamount="3"> <a href="http://www.miespaciogratis.com/"> <img style="width: 304px; height: 149px;" src="http://dl.dropbox.com/u/25944020/images11.jpg" alt="" />   </a></marquee>

<marquee direction="right">
<img style="width: 108px; height: 57px;" src="http://dl.dropbox.com/u/25944020/Animated%20Gif%20Dogs%201.gif" /></marquee>