<HTML>
<HEAD>
<TITLE>Text foreground colors here
will change in Explorer and Communicator</TITLE>
<STYLE>
A:link {color: Blue;}
A:hover {color: Red;
font-weight:bold;}
.mouseout {color: Blue;}
.mouseover {color: Red;
font-weight:bold;}
</STYLE>
</HEAD>
<SCRIPT Language="JavaScript">
function flip(e,layerName) {
if (document.layers) {
var linkText = document[layerName].document.links[0].text;
var linkAddr = document[layerName].document.links[0].href;
document[layerName].document.open();
document[layerName].document.write("<A CLASS=\'"+e.type+"\'
HREF=\'"+linkAddr+"\' >"+linkText+"</A>");
document[layerName].document.close();
}
else if (document.all) {
document.all[layerName].className = '';
}
}
</SCRIPT>
<BODY>
<LAYER left=100 top=100 ID="LINK1"
OnMouseOver="flip(event,id)"
OnMouseOut="flip(event,id)">
<NOLAYER><DIV ID="IELINK1"
style="position:absolute;
left:100; top:100; width:1;"
OnMouseOver="flip(event,id)"
OnMouseOut="flip(event,id)">
</NOLAYER>
<A CLASS="mouseout" HREF="http://www.microsoft.com">Microsoft</A>
</LAYER>
<NOLAYER></DIV></NOLAYER>
<BR>
<LAYER left="200" top="120" ID="LINK2"
OnMouseOver="flip(event,id)"
OnMouseOut="flip(event,id)">
<NOLAYER><DIV ID="IELINK2"
style="position:absolute;
left:200; top:120; width:1;"
OnMouseOver="flip(event,id)"
OnMouseOut="flip(event,id)">
</NOLAYER>
<A CLASS="mouseout" HREF="http://www.netscape.com">
Netscape</A></LAYER>
<NOLAYER></DIV></NOLAYER>
<BR>
<LAYER left="100" top="240" ID="LINK3"
OnMouseOver="flip(event,id)"
OnMouseOut="flip(event,id)">
<NOLAYER><DIV ID="IELINK3"
style="position:absolute;
left:100; top:240; width:1;"
OnMouseOver="flip(event,id)"
OnMouseOut="flip(event,id)">
</NOLAYER>
<A CLASS="mouseout" HREF="http://www.webtechniques.com">
WebTechniques</A>
</LAYER>
<NOLAYER></DIV></NOLAYER>
</HTML>