Bueno, estoy haciendo una web para el cole y necesito algo sencillo, pero que no sé porqué me está dando un problema...
Tengo una tabla y con un menú de navegación y una de las celdas debe abrir un submenú (que está en una capa DIV) al pasar el ratón por encima, hasta ahí todo bien. El problema viene al quitar el ratón (no desaparece) o al pasar éste sobre las opciones, desaparece en cuanto lo quitas de encima de la 1ª opción... y yo no veo el fallo... en fin,
Funciones:
Código:
<script type="text/javascript">
function muestra(id)
{
document.getElementById(id).style.visibility='visible';
}
function oculta(id)
{
document.getElementById(id).style.visibility='hidden';
}
</script>
La capa:
Código:
<div id="subMenu" class="menu" onMouseOut="javascript:oculta('subMenu');">
<span class="menu">
<a href="tintos.html">Vinos tintos</a><br/>
<a href="blancos.html">Vinos blancos</a><br/>
<a href="mostos.html">Mostos</a>
</span>
</div>
Y la celda que llama:
Código:
<td width="116" class="menu" onMouseOver="javascript:muestra('subMenu');" >Nuestros vinos</td>
Gracias a todos, un Saludo.
PD: si alguien me dice las etiquetas para el tag CODE de html y java script edito el mensaje para que salga el codigo como es debido...