Hola gente!
He visto que en el foro hay varios mensajes sobre menús pero me gustaría hacer uno por mi mismo. Para eso me he puesto manos a la obra y mediante capas y tablas estoy tratando de hacerlo yo solo. De momento es sólo una prueba y por eso lo veis algo rudimentario
El código es:
Código HTML:
<html>
<head>
<title>Untitled</title>
<script language="Javascript">
function mostrar(nombreCapa){
document.getElementById(nombreCapa).style.visibility="visible";
}
function ocultar(nombreCapa){
document.getElementById(nombreCapa).style.visibility="hidden";
}
</script>
</head>
<body>
<div id="capa1" style="position:absolute; width:172px; height:45px; top:56px; left:9px; background-color:red; visibility:hidden;">
<table width="100%" border="1">
<tr>
<td>1</td>
</tr>
<tr>
<td>2</td>
</tr>
</table>
</div>
<div id="capa2" style="position:absolute; width:172px; height:47px; top:55px; left:122px; background-color:#0000CC; visibility:hidden;">
<table width="102%" border="1">
<tr>
<td>5</td>
</tr>
<tr>
<td>6</td>
</tr>
</table>
</div>
<table width="35%" border="1">
<tr>
<td ><div onmouseover="mostrar('capa1')" onmouseout="ocultar('capa1')"> Opciones 1</div></td>
<td ><div onmouseover="mostrar('capa2')" onmouseout="ocultar('capa2')"> Opciones 2</div></td>
</tr>
</table>
</body>
</html> Como podeis ver hay una tabla y dos capas cada una de ellas con una tabla. Si probais el código vereis que las capas se muestran/ocultan bien pero:
1.- No lo hacen en la posicion correcta
2.- No se como hacer para poder entrar en cada una de las opciones de la capa sin que se oculten.
Bueno, espero que me hayais entendido y que podais ayudarme.
Muchas gracias