1. Computing & Technology

Mouseover Code

Make Your Graphics Change

From , former About.com Guide

Start copying this template below. You may have to copy and paste the code in two sections if there is a commercial in the way. You don't want to copy and paste the commercial and the code around it. Then paste the HTML code in your HTML editor.

About this Template

See What This Page Looks Like

Put This Code In The HEAD of Your Page. Start copying here:

<script language="JavaScript">
//
// Rollover
//
function Hilite(name,over)
{
if(window.document.images)
{
if (over)
window.document.images[name].src = "graphics/" + name + "_ov.jpg";
else
window.document.images[name].src = "graphics/" + name + ".jpg";
}
}
</script>
-------------------------------------------------------------------------------

Put This Part In the BODY of Your Page. Start copying this part here:

<img name="about" src="graphics/about.jpg" border="0" onMouseOver="Hilite('about',true)" onMouseOut="Hilite('about',false)">

©2012 About.com. All rights reserved.

A part of The New York Times Company.