Change Image on mouseover using Java Script in ASP.Net
Change Image on mouseover using Java Script in ASP.Net
Below is the code using java script to change an image on mouseover.Step to Add:
1)Add these code below <Title> Tag
<style type="text/css">
p {
font-family:Verdana;
font-weight:bold;
font-size:11px
}
img {
cursor:pointer;
}
</style>
<script language="javascript" type="text/javascript">
function mouseOverImage()
{
document.getElementById("img2").src = "images/flower3.jpg";
}
function mouseOutImage()
{
document.getElementById("img2").src = "";
}
</script>
2)Then Add below code within <Form> Tag
<img id="img1" src="images/flower1.jpg" alt="image rollover" onmouseover="mouseOverImage()"
onmouseout="mouseOutImage()" />
<img id="img2" src="" alt="image rollover" />
Please format your resource.