Maggior parte dei siti Web presentano elementi di navigazione utilizzando blocchi di opzioni che eseguono sia nella parte superiore della pagina o verso il basso uno dei suoi lati. Perché queste strutture di navigazione presentano tutte le opzioni disponibili, che offrono una grande quantità di informazioni contestuali. Tuttavia, essi occupano anche spazio considerevole sullo schermo. Designer con una quantità limitata di spazio può invece scegliere di utilizzare il menu a discesa contenente un elenco di elementi che si espande solo quando selezionato. Creare questo tipo di struttura di spostamento sulla tua pagina web usando HTML e JavaScript.

Istruzioni

1

Aprire la pagina web e visualizzare il codice. Se si utilizza un editor di testo, semplicemente aprire la pagina nell'editor e selezionare la riga di codice dove si desidera che il menu a discesa aggiunto. Se si utilizza un editor di visual web invece (ad esempio Adobe Dreamweaver o Microsoft Expression Web), aprire la pagina e clicca sulla posizione della pagina dove si desidera il menu a discesa a comparire. Dopo questo modo, è possibile modificare la modalità di visualizzazione alla visualizzazione codice. Questo mostra il codice HTML che determina il contenuto e l'aspetto della tua pagina.

2

Premere il tasto "Enter" per creare una riga vuota.

3

Copiare e incollare il codice seguente nella riga vuota:

< nome modulo = "link" >
< select nome = "menu" >
< opzione selezionata > Seleziona il tuo link < / option >
< valore opzione = "Sample" > http://www.sample.com/ "> sito Web di esempio 1 < / option >
< valore opzione = "Sample" > http://www.sample.com/ "> sito Web di esempio 2 < / option >
< valore opzione = "Sample" > http://www.sample.com/ "> sito Web di esempio 3 < / option >
< / selezionare >
< input type = "button" onClick="location=document.link.menu.options[document.link.menu.selectedIndex].value;" valore = "Vai" >
< / form >

4

Aggiornare i parametri di collegamento per soddisfare le vostre esigenze di progettazione. Immettere il testo predefinito nella parte superiore dell'elenco modificando il valore subito dopo il tag < opzione selezionata >; modificare l'URL di ogni elemento successivo regolando il parametro di valore corrispondente; e sostituire il testo "Sito Web di esempio" con il testo desiderato del collegamento. È inoltre possibile sostituire il testo contenuto nel parametro value del tag < input > per aggiornare il testo visualizzato sul pulsante "Invia".

5

Salvare la pagina web e quindi aprirlo nel browser. Selezionare un'opzione dall'elenco a discesa e fare clic sul pulsante adiacente per accedere all'elemento selezionato.