:hover Javascript Code Example


Example 1: javascript hover event


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

Example 2: javascript on hover


<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>

Example 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="";
});

Comments

Popular posts from this blog

Converting A String To Int In Groovy

"Cannot Create Cache Directory /home//.composer/cache/repo/https---packagist.org/, Or Directory Is Not Writable. Proceeding Without Cache"

Android How Can I Convert A String To A Editable