miércoles, 13 de enero de 2010

Cambiar imagen al pasar el mouse con JavaScript

Este sencillo Script cambia una imagen por otra en el momento que pasamos el mouse por encima de ella.
Se divide en 2 partes: Una dentro de la etiqueta <head> </head> y otra entre el <body> </body> del documento HTML.
Script:
<HEAD>

<SCRIPT language="JavaScript">

function moveimg(img_nom,img_src)
{
document[img_nom].src=img_src;
}

</SCRIPT>

</HEAD>

:::::::::::::::::::::::::::::::::::::

<BODY>

<CENTER>

<A HREF="http://avajavier.blogspot.com" onmouseover="moveimg('button','img1.gif')" onmouseout="moveimg('button','img2.gif')">
<IMG NAME="button" SRC="img1.gif" ALT="Image"></A>

</CENTER>

No hay comentarios:

Publicar un comentario

Deja tu comentario...