Come creare un dropdown menu

Ho già parlato di un rinomato quanto semplice metodo per creare menu a tendina usando CSS; ecco qui invece come creare un drop-down menu, cioè un menù a tendina, in modo facile e veloce, usando jQuery ed un plugin per jQuery: Pop!

Primo passo: includere tra i tag HEAD il fle CSS e i 2 JS, uno per jQuery ed uno per Pop!…

<link href="/pop/stylesheets/pop.css" media="all" rel="stylesheet" type="text/css"/><script language="javascript" src="/pop/javascripts/jquery.js" type="text/javascript"></script>
<script language="javascript" src="/pop/javascripts/jquery.pop.js" type="text/javascript"></script>

Poi inizializzare Pop! con la solita sintassi che si usa in jQuery…

<script type='text/javascript'>
   $(document).ready(function(){
     $.pop();
   });
</script>

Terzo ed ultimo passo: inserisci il contenuto del tuo “menù a tendina” con una CLASSE apposita…

<div class='pop'>
   <p>you can put anything you want in here!</p>
   <p>images, links, movies of your cats. you name it!</p>
</div>

Demo e codici qui: Pop!

Infine, se non volete star la a programmarvi un menù a tendina per conto vostro ma preferite un menu chiavi in mano, allora vi consiglio di vedere anche questi…

Drop-o-Matic | HTML5 Friendly Drop Menu

CSS3 Mega Drop Down Menu

2 pensieri su “Come creare un dropdown menu”

  1. l’articolo è interessante ma sono alle prime esperienze con wp.
    ho scaricato la cartella pop, dove devo caricarla ora ?
    in quale pagina devo aggiungere i codici da te sopra riportati ?
    Spero in una tua risposta, questo stile di menù mi interesserebbe molto.
    Grazie

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Ricevi un avviso se ci sono nuovi commenti. Oppure iscriviti senza commentare.

You can add images to your comment by clicking here.