El sitio más completo sobre programación, recursos web y herramientas online para Webmasters
Fecha: 20/01/2003

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>

menu javascript light Categoría: Javascript, Menues

Compartir menu javascript light en Facebook Twitter MySpace del.icio.us fresqui Meneame


Scripts Similares:

» menu drop down javascript
» menu dhtml slide javascript
» Cross-Browser Dynamic HTML Menus javascript
» Menu Izquierdo javascript
» NewsMenu javascript
» menu drop down javascript
Ver el perfil de Gabriel Marcelo Rodriguez en LinkedIn

Privacidad ּ Publicidad ּ Prensa ּ Premios ּ Colaborar ּ Enlazarnos ּ Mapa del Sitio ּ Aviso legal ּ Boletín ּ Contacto
2001 - 2011 | Sitio Sitio creado y mantenido por Gabriel Marcelo Rodriguez
Hosting de alta calidad a bajo costo Neolo.com.ar