Menù a scomparsa

William Turcinovic · 12 Giu 2014

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 · 13 Giu 2014

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>

William Turcinovic · 13 Giu 2014

Grazie 1000... Ora lo provo

Cerca

Cerca

Menù a scomparsa

William Turcinovic

Nuovo Utente

criric

Super Moderatore

William Turcinovic

Nuovo Utente

Discussioni simili