Puoi gestire in maniera semplice con il selettore css "hover".
ipotizzo una struttura html semplicissima per farmi capire:
codice:
<div class="mymenu">
<div>mostra menu</div>
<ul class="mymenu_content">
<li><a href="#">item menu 1</a></li>
<li><a href="#">item menu 2</a></li>
<li><a href="#">item menu 3</a></li>
</ul>
</div>
e utilizzo il selettore :hover in questo modo nel css associato:
codice:
/*nascondo il contenuto del menu*/
.mymenu_content {
display:none;
}
/*associo all'evento hover applicato
al box principale del menu una modifica
del display del contenuto del menu*/
.mymenu:hover .mymenu_content {
display:block;
}
Naturalmente esistono metodi che ti permettono di avere maggiore controllo con effetti di transizione in entrata e in uscita. Ma qui c'è una base di partenza su cui puoi ragionare.