A seconda del numero totale di collegamenti contenuti all'interno del tuo sito Web, la quantità di spazio di pagina che prende un menu fisso può essere abbastanza abbondante. Molti siti Web contengono più di un semplice tre-cinque pagine e questo si riflette in una barra dei menu ben progettato. Per ridurre lo spazio totale di pagine preso da un menu molto ampio, utilizzando Javascript per creare un menu a comparsa può essere in ordine. Con la creazione di un menu pagina e un po ' di codifica nelle pagine esistenti, si può rapidamente avere un menu a comparsa che è facile da usare e navigare.

Istruzioni

1

Scrivere un elenco di tutte le pagine web che si trova all'interno del tuo sito web. Avere una lista di URL e nomi di pagina farà il resto di questo processo molto più facile.

2

Creare una nuova pagina web in una pagina di web editing programma o Notepad e denominarlo \"menu.html.\" nella sezione body della pagina web (tra < body > e < / body >), creare collegamenti alle varie pagine web utilizzando la seguente riga di codice come esempio:

< a href = \ "javascript:openPUMenu('home.html') \" > Home < /a >

È possibile sostituire i nomi appropriati e titoli per \"home.html\" e \"Home.\" aggiungere come molti collegamenti come sono necessarie affinché tutte le pagine del sito Web sono incluse.

3

Modificare la parte di intestazione di menu.html (tra < head > e < / head >) per includere il seguente codice Javascript:

< script language = \ "JavaScript\" >
<!...
Function openPUMenu(nURL) () {

opener.document.location = nURL;

}
-->
< / script >

Questa porzione di codifica corrisponderà con web link inseriti all'interno del corpo della pagina precedente.

4

Aprire la pagina web dove si desidera includere nel menu a comparsa di Javascript in un web programma di editing. Blocco note anche funziona bene per questo scopo. Immettere il seguente codice all'interno dell'intestazione di questa pagina:

< script language = \ "JavaScript\" >
<!...
Function openPUNav() () {

win = window.open(\"menu.html\", \"Navigation\",\"width=200,height=300,scrollbars=no,status=no\")

VAI
}
-->
< / script >

Questa codifica Javascript dice semplicemente il browser web per aprire una nuova finestra del browser che è 200 pixel di larghezza e 300 pixel di altezza. Inoltre, essa limita la vista della finestra del browser non permettendo che le barre di scorrimento o una barra di stato. Queste opzioni possono essere modificate.

5

Individuare l'area che si desidera includere il link nel menu a comparsa nella pagina aperta e immettere il seguente codice:

< a href = \ "javascript:openPUNav () \" > Menu di navigazione < /a >

6

Salvare tutto il lavoro creato e modificato al tuo sito Web. Ora si può testare il vostro menu di pop-up Javascript appena creato andando alla pagina web dove inserito il link di menu. Anziché creare una nuova istanza di un menu ogni volta con nuove pagine web, è possibile semplicemente aggiungere la nuova pagina alla pagina menu.html. Inoltre, è possibile aggiungere il openPUNav Javascript funzione e menu corrispondente link a qualsiasi pagina in cui si richiede il nuovo menu.