Para Teresa: "Muestra del menú"

Wolverine
20 de Marzo del 2002
Aquí está la muestra del menú Teresita, espero que lo estudies y puedas hacerle cambios a tu gusto. Pues este menú lo dejé para que alguien del foro lo usara sin problemas y es de regalo. Pero si quieres te explico el código, eso sí que tiene que ser en el foro para que quede detallado a otros usuarios.

<html><head>
<style>.itMenu{position: absolute; clip: rect( ); background:lightgrey; visibility: hidden}
.cabMenu{position: absolute; clip: rect( ); color:white; background:rgb(0,108,108)}
a{color:black;font-family:verdana;text-decoration:underline}
a:hover{color:black;font-family:verdana;font-weight:bold;text-decoration:underline}</style>
<script language="JavaScript">
var mie =(navigator.appName.indexOf("Microsoft")>=0)
var itemOrig;
function despMenu(nombre,sn)
{
obj = document.all[nombre];
if (sn>0)
obj.style.visibility = "visible";
else
obj.style.visibility = "hidden";
}
function destacar(obj, val)
{
if (val==1)
{
itemOrig = obj.style.backgroundColor;
obj.style.backgroundColor="cyan";
}
else
obj.style.backgroundColor= itemOrig;
}
</script>
</script>
</HEAD>

<body bgcolor="rgb(240,208,48)">
<font size="2" face="verdana">
<div id="Menu1" onMouseOver="despMenu('itMenu1',1)" onMouseout="despMenu('itMenu1',0)" style="width:115;height:20;z-index:2; left: 0px; top: 0px" class="cabMenu"><center><b>Desplegable</b>
</center></div><div id="itMenu1" style="width:115;height:25;z-index:1;
left:0px;top:20" class="itMenu" onMouseOver="despMenu(this.id,1)" onMouseout="despMenu(this.id,0)">
<div id="itMenu11" class="itMenuDes" onMouseover="destacar(this,1)" onMouseout="destacar(this,0)">
<center><a target="Frame3" href="Dirección 1" >Dirección 1</a></div>
<div id="itMenu12" class="itMenuDes" onMouseover="destacar(this,1)" onMouseout="destacar(this,0)" >
<center><a href="Dirección 2">Dirección 2</a>
</div>
<div id="itMenu13" class="itMenuDes" onMouseover="destacar(this,1)" onMouseout="destacar(this,0)" >
<center><a href="Dirección 3">Dirección 3</a>
</div>
</div>
</body>
</html>

Pese a que es un código largo, tal vez pensarás que es complicado, lo que no creo ya que tienes un menú desplegable en la página, así que te será sencillo entenderlo. Pero sólo quiero decirte que es muy fácil, además puedes incluirle imágenes para el despliegue.

Con cariño para Teresita y a todos mis amigos del foro.
Atte Wolverine.

¡¡¡Pronto enviaré estilos para los botones y demás entradas de formularios!!! =o)