Cuando sales del
TD (o sea, cuando se ejecuta
onmouseout) tienes que poner un "retraso" para ocultar el
DIV. Y cuando entres al
DIV (submenu), si aun esta activo el retraso, lo eliminas y ya no se va a ocultar.
- En el onmouseout del TD, crear temporizador para ocultar el submenu
- En el evento onmouseover del submenu, desactivar el temporizador que oculta el submenu
- En el onmouseout del submenu, ocultar el mismo submenu
Puedes utilizar la funcion
setTimeout para retardar un poco el ocultar el DIV. Despues tienes que usar la funcion
clearTimeout para desactivar el temporizador. Puedes ser algo como esto:
Código:
<td onmouseover="mostrar();" onmouseout="tempo=setTimeout('ocultar();',1000);">
...
Esto creara un temporizador (
tempo) que ejecutara la funcion
ocultar() un segundo despues que el mouse salio del TD. Ahora, en el submenu, tienes que poner:
Código:
<div id="menu" onmouseover="clearTimeout(tempo);" onmouseout="ocultar();">
...