Cambiar una imagen al pasar un ratón por encima en Javascript

Este es un truco bastante sencillo, pero que puede usarse para efectos muy interesantes, como los típicos botones difuminados que se definen al pasar el ratón por encima, o el ya clásico de la hilera de iconos que el icono que tiene el puntero de ratón encima es mayor que los demás.

    

El código, muy simple, seria algo como:

<img src="imagen1.jpg"
                id="img"
                onmouseover="img.src='imagen2.jpg'"
                onmouseout="img.src='imagen1.jpg';">

Otras entradas de la web que podrian interesarte:

• (388)  Jan 28   PERL   Dejar pasar desde o hasta una linea
• (521)  Nov 30   LINUX   ¿Como puedo montar una imagen ISO (imagenes de CD) y usarla como si fuera un directorio?
• (496)  Nov 30   DELPHI   Recorrer los componentes de un form y cambiar una propiedad de un determinado tipo de componente
• (895)  Nov 16  PRINCIPAL VIDEOS ESPACIO  Molaria darse una vuelta por ahi
• (742)  Jan 03   LINUX UBUNTU JAVA   Cambiar la maquina virtual por defecto en Linux Ubuntu

3118

Anonimo (2009-02-13 07:52:34)

Necesito esta misma rutina pero para excel.


saludos

3288

Skata (2009-04-13 07:40:56)

Gracias por la info, ahbia encontrado varias pero no me funcionaban, la tuya es mas practica y me funciono a la primera.

4159

Anonimo (2010-01-21 06:02:09)

4702

Bertomania (2010-07-30 14:01:30)

Muchas Gracias. Sirve para Mucho!!