Creare un semplice dropdown menu con CSS e html

Questo sito mostra come ottenere un dropdown menu con poche righe di codice css e html, senza ausilio di javascript.

Non dovete fare altro che aggiungere questo codice all'interno del css del vostro sito:

#menu ul .item{display:none;}

#menu ul:hover .item{display:block;}

#menu{position:absolute;}




Quest'altro codice html invece andrà inserito all'interno della vostra pagina:


<div id="menu"> <ul id="item1"> <li class="top">menu item</li>
<li class="item"><a href="#">menu item 1</a> </li>
<li class="item"><a href="#">menu item 2</a></li>
<li class="item"><a href="#">menu item 3</a></li> </ul> </div>

Ovviamente al posto del simbolo "cancelletto" o "sharp" dovrete inserire i vostri link. Potete aggiungere "menu" e "items" a piacere.

Qui una demo del menu in azione.

Technorati Tag: dropdown, drop down menu, css, javascript, html, code, codice