Mouseover Effects
On refers to the image that appears when the user moves the mouse onto the image;
Off refers to the image that appears when the page is first loaded and when the user moves the mouse off of the image.
Mouse Over refers to the 'on' image; Mouse Out refers to the 'off' image.
To make image into an active link just add a url to the <a href=""> section.
This is the coding that was generated by the 'Mouseover Machine' at (http://builder.cnet.com/Programming/Kahn/012898/)
<![CDATA[
<script language="JavaScript">
<!--
if (document.images) {
image1on = new Image();
image1on.src = "oval_over.gif";
image1off = new Image();
image1off.src = "oval_out.gif";
}
function changeImages() {
if (document.images) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = eval(changeImages.arguments[i+1] + ".src");
}
}
}
// -->
</script>
</head>
<body>
<!-- following code added by server. PLEASE REMOVE -->
<!-- preceding code added by server. PLEASE REMOVE -->
<a href="http://webspace.webring.com/people/cb/bunnykelley/psp/mouseover.htm" onMouseOver="changeImages('image1', 'image1on')" onMouseOut="changeImages('image1', 'image1off')"><img name="image1" src="oval_out.gif" alt="sample mouse over" width=165 height=92 border=0></a>
]]>
END OF GENERATED SCRIPT
Back to my homework page!
Kelly Kanadian Kin... created by Mary A. Kelly, mkelly@cyberbeach.net
last date modified: 10 Oct 1999
URL: http://www.cyberbeach.net/~mkelly