Main.SideBar (edit)
|
Main /
SimpleMouseOverImageChange
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="javascript">
var imageInfo = new Array();
imageInfo[0] = new Image();
imageInfo[0].src = "bulb-off.jpg";
imageInfo[1] = new Image();
imageInfo[1].src = "bulb-on.jpg";
//change image function
function changeImage(imName, imId)
{
document.images[imName].src = imageInfo[imId].src;
}
</script>
</head>
<body>
<h2>See the light</h2>
<p><img src="bulb-off.jpg" onMouseOver="changeImage('light', 1)"
onMouseOut="changeImage('light', 0)" name='light' />
<br>
<font face="Arial, Helvetica, sans-serif" size="-2">Mouse over the image</font>
</p>
</body>
</html>
|