Better Image Rollovers
clock0 = new Image(97,100);
clock1 = new Image(97,100);
clock0.src = "dark.gif";
clock1.src = "light.gif";
// to change the image
function showImage (imgName, fileName)
{
eval('document.images[imgName].src =' + fileName + '.src');
}
//-->
</script>
</head>
Body Part:
The rather simple body part displays the dark image of the clock. When the mouse is moved over the image, showImage() is called; it's passed the name of the image and the name of the pre-loaded image to replace with. Similarly, the image is second time replaced by the dark image when the mouse leaves the image area. <body>
Any questions? Feel free to ask in the discussion area.
Go To Page:
1
2
<center>
This is sample text. Below is an image.<br><br>
<a href="#" onMouseOver="showImage('clock', 'clock1')" onMouseOut="showImage('clock', 'clock0')">
<img name='clock' src="dark.gif" border=0>
</a>
</center>
</body>
Last Words:
Latest Articles