http://blog.DoZarte.com

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!