☢ IMPORTANTE ☢

Visitanos en el nuevo sitio que tenemos → Japo Anime
1 Comentario

Marquesina

Desde Forosdelweb encontré un sencillo script en el cual le puedes poner cualquier codigo html (imagen, texto, vídeo, etc) y de ahi te genera una animación. La animación puede ser horizontal, hacia la derecha o izquierda; y vertical, hacia arriba o hacia abajo. Al pasar el mouse sobre la animación esta se detiene, y al sacarlo sigue la animación.

En fin es un muy buen script que te puede alivianar el trabajo en muchas cosas. ¿En que? por ejemplo si tienes un blog de películas y quieres poner una presentación de los distintos estrenos con un link que lleve a cada película.
El script es este:
<SCRIPT LANGUAGE="JavaScript">
document.write('<marquee direction="up" width="218" height="280" scrollamount="4" scrolldelay="100" onMouseOver="stop()" onMouseOut="start()" style="background-color:#FFFFFF">');
document.write('<p><b>Contenido de la marquesina</b> puedes poner etiquetas HTML<br><br>Imagenes<br><imr src="imagenes.gif"><br>Links <a href="web.htm"><br><br>O lo que sea.</p>');
document.write('</marquee>');
</SCRIPT>


Configuracion

Direction:
up (sale hacia arriba)
down (sale desde abajo)
left (izquierda)
right (derecha)

Width (define el ancho de marquesina)
Height (define el alto)
Scrollamount (define velocidad)

onMouseOver="stop()" (cuando ponemos el mouse en la marquesina se detiene)
onMouseOut="start()" (cuando el mouse esta fuera de la marquesina se mueve)

Eso es todo, vieron que era sencillo? jaja espero que les halla servido. Pero antes les muestro un ejemplo que hice con el script:



Codigo de ejemplo:
<SCRIPT LANGUAGE="JavaScript">document.write('<marquee direction="right" width="400" height="210" scrollamount="8" scrolldelay="1" onMouseOver="stop()" onMouseOut="start()" style="padding:5px;border:4px ridge #fff;background-color:#000">');document.write('<a href="http://codigobasura.blogspot.com"><img width="130px" src="http://3.bp.blogspot.com/_8oBZ2SZw9jc/SlDzuGbUGPI/AAAAAAAABnM/4u9vbeHDPvo/s320/wolverine-origin.jpg"/></a>&nbsp;&nbsp;<a href="http://codigobasura.blogspot.com"><img width="130px" src="http://4.bp.blogspot.com/_8oBZ2SZw9jc/SlDzt-Na32I/AAAAAAAABnE/KGOMNCLJK3g/s320/transformers_2.jpg" /></a>&nbsp;&nbsp;<a href="http://codigobasura.blogspot.com"><img width="130px" src="http://3.bp.blogspot.com/_8oBZ2SZw9jc/SlDztikqUoI/AAAAAAAABm8/DZFZz6Qw3Ok/s320/poster-los-simpson-la-pelicula.jpg" /></a>&nbsp;&nbsp;<a href="http://codigobasura.blogspot.com"><img width="130px" src="http://2.bp.blogspot.com/_8oBZ2SZw9jc/SlDztT-m2TI/AAAAAAAABm0/nHVWs1p8a2Y/s320/hancock-cartel.jpg" /></a>&nbsp;&nbsp;<a href="http://codigobasura.blogspot.com"><img width=130px" src="http://3.bp.blogspot.com/_8oBZ2SZw9jc/SlDztYznXPI/AAAAAAAABms/XJEZt2wxF5I/s320/17-otra-vez-poster.jpg" /></a>');document.write('</marquee>');</SCRIPT>

1 Comentario:

darku
#

Gracias Hermano, funciono al peluche!