Mostrando entradas con la etiqueta Etiqueta marque. Mostrar todas las entradas
Mostrando entradas con la etiqueta Etiqueta marque. Mostrar todas las entradas

Imagenes rotativas con boton de start y stop

En este código vamos a usar la etiqueta marque que nos va a dar el efecto a estas imagenes ,rotandolas una detrás de otra también añadiéndoles otros atributos que necesitamos,vamos a ponerle la opción de empezar y parar recuerden pueden modificarlas a sus gustos como la velocidad en la que van a ir pasando la altura etc.
este código lo van a poner en donde ustedes quieran que se muestre no necesitamos poner nada en el head.
aquí pueden ver otras opciones de la etiqueta marque ver aquí




Donde dice:  
<center><a href="AQUI VA LA URL DE ENLACE" target="_blank"><img src="AQUI VA LA URL DE LA IMAGEN" alt="AQUI VA TITULO O INFORMACION" style="position: relative;" border="0" /></a>
</center>

Si quieres mostrar mas imagenes simplemente añade este codigo:

<center><a href="AQUI VA LA URL DE ENLACE" target="_blank"><img src="AQUI VA LA URL DE LA IMAGEN" alt="AQUI VA TITULO O INFORMACION" style="position: relative;" border="0" /></a>
</center>






<center><marquee behavior="scroll" style="position: relative;" id="mymarquee" align="center" direction="up" scrollamount="2" scrolldelay="5" width="200" height="280"><br /> <!--- code for http://fasetube.blogspot.com/---><br /> <center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images1.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images2.jpg" alt="'aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images3.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images4.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images5.jpg" alt="'aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images6.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images7.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a><br /> </center><center><a href="http://fasetube.blogspot.com/" target="_blank"><img src="http://dl.dropbox.com/u/25944020/images8.jpg" alt="aqui va la informacion" style="position: relative;" border="0" /></a></center><br /> <br /> <br /> </marquee><br /> <input onclick="document.getElementById('mymarquee').start ();" value="Start" type="button" /> <input onclick="document.getElementById('mymarquee').stop ();" value="Stop" type="button" /></center>







Ejemplo:






aqui va la informacion
'aqui va la informacion
aqui va la informacion
aqui va la informacion
'aqui va la informacion
aqui va la informacion
aqui va la informacion
aqui va la informacion












Etiqueta marque

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--> </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>





data:olderPageTitle data:homeMsg