03 Ott Come realizzare un dropdown menu mixando Css con Jquery
In questo video tutorial vi spiego come realizzare un dropdown menu ovvero un menù a tendina progettato prima con html e css e poi integrato con Jquery. Gli step da seguire sono 4:
FASE #1 – CREAZIONE DI LISTA DI VOCI
Realizziamo il nostro semplice menù partendo dalla base e creando una lista di voci di menù con i tag “ul” e” li” all’interno della classe nav
FASE #2 – AGGIUNTA DEI COLLEGAMENTI CON CSS
Adesso creiamo il nostro foglio di stile css e colleghiamolo al nostro html prima di riempirlo con lo stile del menù.
Dopo di chè andiamo a lavorare sullo stile del pulsante menù e del menù a tendina
FASE #3 – COLLEGAMENTO A JQUERY
Infine nel nostro html aggiungiamo anche il collegamento con il file di Jquery di modo che saremo in grado di realizzare la pagina dinamica del menù che ci permetterà di attivare il menù e di visualizzarlo e di disattivarlo ricliccando sul pulsante menù in modo da nasconderlo.
FASE #4 – COLLEGAMENTO A JQUERY
Adesso saremo in grado di lavorare sullo stile del pulsante e del dropdownmenù. Il tutto sarà reso più fluido grazie all’utilizzo di qualche transizione, sul colore, sullo sfondo e sull’altezza.
Sorry, the comment form is closed at this time.