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.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 |
<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> |