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>
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>
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>
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>
Con el atributo SCROLLDELAY se define el tiempo entre cada movimiento expresado en milisegundos:
<marquee scrolldelay="300">
... texto ...
</marquee>
LOOP indica el número de veces que aparecerá el texto y por defecto, es infinito.
<marquee LOOP ="infinito">
... texto ...
</marquee>
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>
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>
¿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
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>
<marquee direction="up" behavior="alternate" width="60%"><marquee direction="right" behavior="alternate">AQUI VA EL TEXTO</marquee></marquee>
<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" />
<marquee>
<table align="center" border="1" width="100">
<tbody><tr><td>aqui va el texto</td>
</tr></tbody></table>
</marquee>
<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>
<marquee style="border: 1px solid BLUE;">Aqui va el texto</marquee>
<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--> </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--> </a></marquee>
<marquee direction="right">
<img style="width: 108px; height: 57px;" src="http://dl.dropbox.com/u/25944020/Animated%20Gif%20Dogs%201.gif" /></marquee>
Estás en: Inicio >> Etiqueta marque >> Etiqueta marque
Etiqueta marque
:)
:(
;)
:D
;;-)
:-/
:-O
X(
B-)
#:-S
:((
:))
=))
~X(
:-t
8-
=P~
#-o
=D7
:-SS
:-q
:-bd
Me parece genial
ResponderEliminarHola Anónimo gracias por tu visita y comentario que bueno que te halla parecido genial.saludos
ResponderEliminar