Latest Games :

Populares

Home » » Links e Imágenes en Movimiento

Links e Imágenes en Movimiento

jueves, 24 de octubre de 2013 | 0 comentarios

Este truco les dará movimiento a tus links estilo marquesina, y hará que el link se detenga cuando el mouse pasa sobre él. Lo haremos de dos formas, una con links de texto y otra con imágenes.
Para los links de texto el código es el siguiente:
<marquee direction="up" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" onMouseOver="this.stop()" onMouseOut="this.start()" scrollamount="1" >
<a href="URL del enlace 1">Nombre del enlace 1</a><br/>
<a href="URL del enlace 2">Nombre del enlace 2</a><br/>
<a href="URL del enlace 3">Nombre del enlace 3</a>
</marquee>

Para los links con imágenes el código es el siguiente:
<marquee direction="up" style="text-align: center; width:200px;height:150px;border:1px solid #ccc;padding:3px" scrollamount="1" onMouseOver="this.stop()" onMouseOut="this.start()">
<a href="URL del enlace 1"><img src="URL de la imagen 1"/></a><br/>
<a href="URL del enlace 2"><img src="URL de la imagen 2"/></a><br/>
<a href="URL del enlace 3"><img src="URL de la imagen 3"/></a>
</marquee>

Personalización:
Debes cambiar los datos en color rojo por los tuyos.
<marquee direction="up" es la dirección a donde se mueve, up arriba, down abajo, right derecha, left izquierda.
width:200px;height:150px; es el tamaño del cuadro donde aparecen los links
border:1px solid #ccc; es el ancho y color del borde.
scrollamount="1" es la velocidad con la que se mueven los links, números más altos dará mayor velocidad.

LES SALDRA ALGO ASI COMO PODRAN VERLO YO YA LO TENGO MAS PERSONALIZADO

 

Share this article :

No hay comentarios :

Publicar un comentario

Gracias por comentar

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Soy Un Gamer - All Rights Reserved
Template Modify by Creating Website
Proudly powered by Blogger