<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Rollover Script</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript">
<!--
/* check to ensure rollovers are supported in browser */
if (document.images)
{
/* preload the images */
buttonoff = new Image();
buttonoff.src = "../../images/EX_buttonoff.gif";
buttonon = new Image();
buttonon.src = "../../images/EX_buttonon.gif";
}
/* function to set image to on state */
function On(imageName)
{
if (document.images)
{
document[imageName].src = eval(imageName+"on.src");
}
}
/* function to reset image back to off state */
function Off(imageName)
{
if (document.images)
{
document[imageName].src = eval(imageName+"off.src");
}
}
//-->
</script>

</head>
<body>

<a href="http://www.democompany.com" onmouseover="On('button');" onmouseout="Off('button');">
<img src="../../images/EX_buttonoff.gif" alt="DemoCompany" name="button" width="90" height="20" border="0" style="border: 3px inset #efefef;" /></a>
</body>
</html>

CLOSE WINDOW | VIEW RENDERED PAGE