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.

Rispondi quotando