Menú Desplegable
Publicado por Luz del Carmen (1 intervención) el 14/04/2007 04:08:20
Quisiera terminar este menú, pero no consigo que el texto del link cambie a blanco al pasar el mouse encima. Ojalá puedan aconsejarme... Este es el código:
<HTML>
<HEAD>
<style type="text/css">
<!--
.itMenu { position: absolute; clip: rect( ); background: " ";
visibility: hidden}
.cabMenu { position: absolute; clip: rect( ); background: "brown"}
.itMenuAct { background: "white"; width: 90px; height=24px }
.itMenuDes { background: "white"; width: 90px; height=24px }
-->
</style>
<SCRIPT language="JavaScript">
<!--
var itemOrg;
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)
{
itemOrg = obj.style.backgroundColor;
obj.style.backgroundColor="brown";
}
else
obj.style.backgroundColor= itemOrg;
}
-->
</script>
</HEAD>
<BODY>
<font face=arial>
<!--Capa con la cabecera del menú. Cuando el ratón pase por aquí se despliega el menú-->
<div id="Menu1" style="width:175px; height:24px; z-index:2;
color: white;left: 39px; top: 23px" class="cabMenu";
onMouseOver="despMenu('itMenu1',1)";
onMouseout="despMenu('itMenu1',0)"> Cabecera del Menú >>
</div>
<!-- Capa que contendrá el menú, se despliega cuando el ratón pasa por la cabecera-->
<div id="itMenu1" style="width:100px; height:96px; z-index:1;
left: 214px; top: 23px" 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)">
<font face="arial"><a href="sigpag.html" onMouseOver=color:"white" onMouseout=color:"red">Primero</a></font>
</div>
</div>
<br><br><br><br><br><br>
Lo demás de la páginita
</font>
</BODY>
</HTML>
<HTML>
<HEAD>
<style type="text/css">
<!--
.itMenu { position: absolute; clip: rect( ); background: " ";
visibility: hidden}
.cabMenu { position: absolute; clip: rect( ); background: "brown"}
.itMenuAct { background: "white"; width: 90px; height=24px }
.itMenuDes { background: "white"; width: 90px; height=24px }
-->
</style>
<SCRIPT language="JavaScript">
<!--
var itemOrg;
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)
{
itemOrg = obj.style.backgroundColor;
obj.style.backgroundColor="brown";
}
else
obj.style.backgroundColor= itemOrg;
}
-->
</script>
</HEAD>
<BODY>
<font face=arial>
<!--Capa con la cabecera del menú. Cuando el ratón pase por aquí se despliega el menú-->
<div id="Menu1" style="width:175px; height:24px; z-index:2;
color: white;left: 39px; top: 23px" class="cabMenu";
onMouseOver="despMenu('itMenu1',1)";
onMouseout="despMenu('itMenu1',0)"> Cabecera del Menú >>
</div>
<!-- Capa que contendrá el menú, se despliega cuando el ratón pasa por la cabecera-->
<div id="itMenu1" style="width:100px; height:96px; z-index:1;
left: 214px; top: 23px" 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)">
<font face="arial"><a href="sigpag.html" onMouseOver=color:"white" onMouseout=color:"red">Primero</a></font>
</div>
</div>
<br><br><br><br><br><br>
Lo demás de la páginita
</font>
</BODY>
</HTML>
Valora esta pregunta
0