JavaScript OnMouseOver And OnMouseOut Event
Example:
<body>
<img src="images/flower1.gif" width="250" height="300" border="0" onMouseOver="this.src='images/Water lilies.jpg'; document.getElementById('p1').src='images/Blue hills.jpg';" onMouseOut="this.src='images/flower1.gif'; document.getElementById('p1').src='images/Sunset.jpg';" />
<br>
<img src="images/Sunset.jpg" id="p1" width="200" height="200" border="0" />
</body>
Example:
<body>
<img src="images/flower1.gif" width="250" height="300" border="0" onMouseOver="this.src='images/Water lilies.jpg'; document.getElementById('p1').src='images/Blue hills.jpg';" onMouseOut="this.src='images/flower1.gif'; document.getElementById('p1').src='images/Sunset.jpg';" />
<br>
<img src="images/Sunset.jpg" id="p1" width="200" height="200" border="0" />
</body>
No comments:
Post a Comment