Volver
Cerrar ventana
Scroll de imágenes con enlace
Scroll cuyo efecto es las imágenes ascendiendo.
El efecto sería el siguiente:
Ejemplo:
Código HTML
<marquee direction="up" scrollAmount="1" style="background-color: #990000; text-align: center; width:100px;height:150px;border:2px solid #cccccc;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='1'">
<a href="URL del enlace" title="texto"><img src=" aquí url imagen"</a> <br>
<a href="URL del enlace" title="texto"><img src="aquí url imagen"</a>
</marquee> |
La forma de modificarlo a nuestro gusto es la siguiente:
background-color: #990000 Sustituimos #990000 por el color deseado.
scrollAmount="1" Variamos el valor "1" por menos o superior número según velocidad de las imagenes.
width:100px Modificamos el valor 100px para el ancho del scroll.
height:170px Es la altura del scroll podemos también variar su tamaño.
border:2px Variamos 2px por menor o mayor número según el grosor del borde.
border:2px solid #cccccc; Es el color del borde podemos cambiar #cccccc; por el color deseado.
Donde dice "URL del enlace" debemos añadir la url de la página a enlazar.
En "texto" añadimos el texto que aparecerá al pasar el mouse por encima del enlace.
Para añadir la imagen lo podemos hacer en "aquí url imagen"
Cerrar ventana
Volver
|
