hola a todos!
tengo un simple menu hecho con <ul> y <li> y en uno de los <li> quiero mostrar un submenu emergente. bastante simple parece pero.. a la hora de mostrarlo ocultarlo el submenu no se ubica debajo del que se corresponde y me gustaria cerrarlo al sacar el mouse pero no se donde debo colocar el comportamiento, alguna idea?
estilos...
Código HTML:
<style type="text/css">
<!--
li {
display: inline;
background-color:#EEEEEE;
cursor:pointer;
padding:6px;
}
div {
border: 1px solid;
position:absolute;
display:none
}
-->
</style>
html...
Código HTML:
<ul>
<li>opcion 1</li>
<li>opcion 2</li>
<li onClick="Javascript:document.getElementById('submenu').style.display='block'">opcion 3
<div id="submenu">este es el submenu para opcion 3</div>
</li>
<li>opcion 4</li>
</ul>