Ecco un semplice menu accordion con MooTools
1 Star2 Stars3 Stars4 Stars5 Stars (1 votes, average: 4 out of 5)
Loading ... Loading ...



Pubblicato il 30/10/2009 alle 13:37

menu accordion

Oggi vi metto a disposizione un semplice menu accordion che ho realizzato utilizzando MooTools.

Oserei definire il menu estremamente “basilare”, sarà un gioco da ragazzi renderlo graficamente accattivante o anche cambiarne struttura semplicemente modificando il file CSS.

Per utilizzare il menu includete nella vostra pagina web i seguenti files:

<script type=”text/javascript” src=”mootools.js”></script>
<script type=”text/javascript” src=”accordion.js”></script>
<link rel=”stylesheet” href=”style.css” type=”text/css” />

Inserite i DIV:

<div id=”container_accordion”> il contenitore
<div id=”accordion”> il menu

e quindi le varie voci con i rispettivi contenuti (non dimenticate gli identificatori toggler ed element):

<h3 class=”toggler“>Voce 1</h3>
<div class=”element“>
<a href=”#”>Link 01</a><br />
<a href=”#”>Link 02</a><br />
<a href=”#”>Link 03</a>
</div>

Potete vedere il menu in azione qui.

Di seguito potete scaricare il pacchetto ZIP contenente tutti i files ;)

http://www.emawebdesign.com/wp-content/plugins/downloads-manager/img/icons/winzip.gif download: Menu Accordion (28.43KB)
added: 30/10/2009
clicks: 116
description: un semplice menu accordion realizzato con MooTools

Google Buzz
Pubblicato in CSS, HTML, JavaScript, MooTools, News, Programmazione, Risorse, Scripts, Web Design | Nessun commento »

Condividi




Realizzazione siti web



Altri articoli che potrebbero interessarti

Leave a Reply