Saltar al contenido

cómo usar hover en el ejemplo de código javascript

Ejemplo 1: evento de desplazamiento de javascript

element.onmouseover = function() {
  //Hovering
}

Ejemplo 2: javascript al pasar el mouse

<img onmouseover="enlargeImage(this)" border="0" src="smiley.gif" alt="Smiley" width="32" height="32">

<script>
function enlargeImage(x) {
  x.style.height = "64px";
  x.style.width = "64px";
}
</script>

Ejemplo 3: hover con js

// Creamos el evento mouseover para cada imagen
	imagenes[i].addEventListener("mouseover", function(e){
		document.getElementById("mostrar").style.backgroundImage="url('"+e.target.currentSrc+"')";
	});
 
// Creamos el evento mouseout para cada imagen
imagenes[i].addEventListener("mouseout", function(e){
  document.getElementById("mostrar").style.backgroundImage="";
});
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *