Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/01/2014, 18:21
Avatar de berkeleyPunk
berkeleyPunk
 
Fecha de Ingreso: febrero-2013
Ubicación: México :C
Mensajes: 565
Antigüedad: 11 años, 3 meses
Puntos: 22
Sonrisa ¿Cómo trabajar onmouseover con puro JS sin la propiedad en HTML?

Buenas noches.

La idea es simple: emular el hover de CSS en javascript.


He googleado incansablemente, y buscado aquí en Foros del Web, y resulta que todos los ejemplos y posts tratan el tema pero usando la propiedad onmouseover en el HTML. Algo así:
Código HTML:
Ver original
  1. <img src="img1.png" name="img" onmouseover='img.src="img2.png"' onmouseout='img.src="img1.png"' />


Pero yo deseo hacerlo todo dentro de las etiquetas <script type="text/javascript"></script>

Desde luego, ya intenté esto:
Código Javascript:
Ver original
  1. var imagen = document.getElementById("img");
  2.  
  3.   if ( imagen.onmouseover )
  4.   {
  5.       alert("Pusiste el cursor encima de la imagen");
  6.   }

Pero no sirve!



Saludos cordiales!