Menú Light
Esta rutina, muestra como funciona un senciloo menú que al posicionar el mouse encima de un enlace genera un efecto de selección (por así llamarlo) indicando cúal está seleccionado.
Recursosfree.com
<html><title>Menú</title>
<head>
<style>
.menulines{
border:1px solid white;
}
.menulines a{
text-decoration:none;
color:black;
}
</style>
<script language="JavaScript1.2">
/*
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>