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)