Menù a tendina: come realizzarlo?

La progettazione tecnica, strutturale e grafica di un sito, layout, pulsanti.

Menù a tendina: come realizzarlo?

Messaggioda Salvatore Mancini » 14/06/2010, 8:59

Ciao ragazzi,
qualcuno sa come realizzare un menù orizzontale a tendina?(non in Flash)

Il menù dovrebbe inoltre adattarsi alla pagina del browser e alla sua risoluzione,
grazie mille
Salvatore Mancini
Avatar utente
Salvatore Mancini
Amministratore
Amministratore
 
Messaggi: 1623
Iscritto il: 14/04/2009, 22:40
Località: Molfetta

Menù a tendina: come realizzarlo?

Ads

Guadagna soldi
Ads
 

Re: Menù a tendina: come realizzarlo?

Messaggioda graffithouse » 14/06/2010, 10:38

http://javascript.html.it/script/vedi/5 ... tilivello/

questo è il più semplice, poi se ti serve una mano a configurarlo chiedi pure :D
URL non visibile agli ospiti, per favore registrati per visualizzarlo URL non visibile agli ospiti, per favore registrati per visualizzarlo URL non visibile agli ospiti, per favore registrati per visualizzarlo URL non visibile agli ospiti, per favore registrati per visualizzarlo
Avatar utente
graffithouse
Utente
Utente
 
Messaggi: 649
Iscritto il: 30/06/2009, 14:09
Località: viterbo-roma

Re: Menù a tendina: come realizzarlo?

Messaggioda Salvatore Mancini » 14/06/2010, 11:13

ti ringrazio, qual'è il file da editare per modificare e/o aggiungere voci?
Salvatore Mancini
Avatar utente
Salvatore Mancini
Amministratore
Amministratore
 
Messaggi: 1623
Iscritto il: 14/04/2009, 22:40
Località: Molfetta

Re: Menù a tendina: come realizzarlo?

Messaggioda graffithouse » 14/06/2010, 12:02

allora, inserisci le cartelle dove ti serve, poi nell'header inserisci il seguente codice:
Codice: Seleziona tutto
   <link rel='stylesheet' type='text/css' href='src/jquery.multi-ddm.css' />
   <script type='text/javascript' src='jquery/jquery-1.4.2.js'></script>
   <script type='text/javascript' src='src/jquery.multi-ddm.js'></script>
<script type='text/javascript'>
$(document).ready(function(){
   $('#multi-ddm').dropDownMenu({timer: 1000, parentMO: 'parent-hover', childMO: 'child-hover1'});
});
</script>


poi, l'html del menu è il seguente:

Codice: Seleziona tutto
<ul id='multi-ddm'>


<!-- voce menu -->
<li>
<a href='http://www.codenothing.com'>Home</a><!-- link superiore -->
<!-- submenu -->
<ul>
<li><a href='http://www.codenothing.com/about-me/corey-hart/'>About Me</a></li>
</ul>
<!-- submenu -->
</li>
<!-- end voce menu -->



</ul>


i link superiori sono quelli che vedi nella barra griggia, mentre i submenu sono quelli che vedi al passaggio del mouse
URL non visibile agli ospiti, per favore registrati per visualizzarlo URL non visibile agli ospiti, per favore registrati per visualizzarlo URL non visibile agli ospiti, per favore registrati per visualizzarlo URL non visibile agli ospiti, per favore registrati per visualizzarlo
Avatar utente
graffithouse
Utente
Utente
 
Messaggi: 649
Iscritto il: 30/06/2009, 14:09
Località: viterbo-roma


Torna a Web Design

 


  • Argomenti simili
    Risposte
    Visite
    Ultimo messaggio

Chi c’è in linea

Visitano il forum: Nessuno e 0 ospiti

cron