Menù a scomparsa

William Turcinovic

Nuovo Utente
12 Giu 2014
2
0
0
Salve a tutti!
Sono nuovo in questo forum, infatti questo è la mia prima discussione.
Avrei bisogno di aiuto: sto cercando di creare un sito web in HTML, ma una cosa non riesco davvero a farla: vorrei aggiungere un menù come quello del sito di Mozilla, cioè che si possa "aprire e chiudere".
Grazie anticipatamente
William
 

criric

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
21 Ago 2010
5.607
54
48
TN
Ciao, benvenuto.
Non puoi con solo l'html ma ti occorre una piccola funzione javascript.
Dovrai creare il menu nascosto con la proprietà display e al click di un pulsante cambiarne il valore
HTML:
<!DOCTYPE html>
<html>
    <head>
        <title></title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style>
            div#menu {
                height: 90px;
                background-color: #E4E4E4;
                display: none;
            }
        </style>
        <script>
            function apriMenu() {
                var menu = document.getElementById("menu");
                if(menu.style.display == "block") {
                    menu.style.display = "none";
                }else{
                    menu.style.display = "block";
                }
            }
        </script>
    </head>
    <body>
        <div id="menu">contenuto del menu</div>
        <ul>
            <li onclick="apriMenu()">MENU</li>
        </ul>
    </body>
</html>
 
Discussioni simili
Autore Titolo Forum Risposte Data
andreaco Problema menù a scomparsa laterale HTML e CSS 10
L Menù con switch case C/C++ 1
J Richiama descrizione da menù PHP 11
Z Menù di navigazione responsivo HTML e CSS 0
R Barra del menù principale decentrata Joomla 4
M Stringa con spazi nel menù a tendina PHP 4
A Menù a tendina collegato a database PHP 13
D Aumentare i sublevel del menù del theme Webdesign e Grafica 1
Tommy03 Contenitore non si nasconde dietro al menù HTML e CSS 1
Tommy03 Due menù nella stessa app Sviluppo app per Android 0
C [PHP] Form con Inserimento dati dalla maschera e un menù a discesa che prende i dati dal db PHP 1
C [PHP] Form inserimento più menù a discesa PHP 9
V Menù CSS da file in cartella esterna HTML e CSS 4
W [Javascript] [HTML] menù responsive fisso Javascript 2
S [PHP] menù a tendina che stampi voce scelta in precedenza PHP 1
F [HTML] Responsive menù Content Management System (CMS) 0
A [PHP] menù con links esterni PHP 6
D Come inserire opzioni menù prelevandole dal database con PHP ? PHP 12
F [HTML] li menù width HTML e CSS 3
T [Javascript] un form con select dinamica che funzioni da menù... Javascript 2
ecosito [Wordpress] La barra del menù mi nasconde la parte alta delle pagine WordPress 0
greven [WordPress] [CSS3] Inserire Hover Effect sul menù WordPress 10
F Problema hover voce di menù Javascript 2
F Nascondere menù onclick sottovoce jQuery 0
F Active menù HTML e CSS 2
A menù a tendina aiuto PHP 1
M Menù a tendina editabile HTML e CSS 0
P problema con tendina del menù, scompare sotto i contenuti HTML e CSS 7
F Link menù attivo categoria PHP 2
MarcoGrazia Breadcrumbs, menù a briciole di pane Snippet PHP 2
I nav menù HTML e CSS 13
LuigiDonato Problema Visualizzazione Menù HTML e CSS 17
C Menù scomparso WordPress 2
V Posizionare Iframe e menù a discesa HTML e CSS 1
F z-index menù HTML e CSS 4
Tommi Script per menù Javascript 16
Licantropo esportare tags e menù Joomla 0
F Menù a tendina Joomla 4
L [PHP] 3 menù Select OPTION consecutivi PHP 1
Carlito's Menù jQuery 1
E Menù da modificare HTML e CSS 2
H Menù a discesa contenente dati db, la scelta dal menù deve essere inviata in un altro db. PHP 1
L Inserisco 2 menù e vedo sempre il primo PHP 0
E Problemi con menù a cascata HTML e CSS 0
N Problemi chiusura menù laterale Javascript 5
S iframe e link da menù HTML e CSS 0
xone Ordinare tramite menù a tendina i risultati di una query già stampati MySQL 0
M [InDesign] Menù laterale automatico? Webdesign e Grafica 0
F animazione pagine menù Javascript 0
K menù fixed Javascript 2

Discussioni simili