menu javascript light

codigo que muestra como funciona un sencillo menu que al posicionar el mouse encima de un enlace genera un efecto de selección (por así llamarlo) indicando cúal está seleccionado.

Código Javascript


<html><title>menu javascript light</title>
<head>
<style>
.menulines{
border:1px solid white;
}
.menulines a{
text-decoration:none;
color:black;
}
</style>
<script type="text/javascript">
/*
Highlight menu effect script: By Dynamicdrive.com
For full source, Terms of service, and 100s DTHML scripts
Visit http://www.dynamicdrive.com
*/
function borderize(what,color){
what.style.borderColor=color
}
function borderize_on(e){
if (document.all)
source3=event.srcElement
else if (document.getElementById)
source3=e.target
if (source3.className=="menulines"){
borderize(source3,"black")
}
else{
while(source3.tagName!="TABLE"){
source3=document.getElementById? source3.parentNode : source3.parentElement
if (source3.className=="menulines")
borderize(source3,"black")
}
}
}
function borderize_off(e){
if (document.all)
source4=event.srcElement
else if (document.getElementById)
source4=e.target
if (source4.className=="menulines")
borderize(source4,"white")
else{
while(source4.tagName!="TABLE"){
source4=document.getElementById? source4.parentNode : source4.parentElement
if (source4.className=="menulines")
borderize(source4,"white")
}
}
}
</script>
</head>
<body>
<table border="0" width="200" cellspacing="0" cellpadding="0" onMouseover="borderize_on(event)" onMouseout="borderize_off(event)">
<tr><td width="100%" bgcolor="#E6E6E6"><font face="Arial" size="3"><b>Menú Principal</b></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.esgratis.net">Todo lo que es Gratis!</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.tectimes.com">El portal de Pc Users</a> </font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.maragato.com.ar">El Sur también existe</a> </font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.efax.com/need/">Envío de Fax por Internet</a></font></td></tr>
<tr><td width="100%" class="menulines"><font face="Arial" size="2"><a href="http://www.ciudad.com.ar">Ciudad Internet</a> </font></td></tr>
</table>
<br><br><br>
</body>
</html>

Ver ejemplo Javascript en funcionamiento