Javascript menu a tendina sono un modo per creare graficamente avanzate menu per la navigazione degli utenti nelle pagine web . Questi menu sono diventati uno standard in HTML programmazione web - page , così tanti utenti riconoscono la funzionalità dell'interfaccia . Quando si crea un menu a discesa JavaScript , è solo necessario aggiungere alcune righe di codice nell'applicazione . Il Javascript

Creazione di JavaScript menu a discesa può essere realizzato utilizzando una funzione incorporato nella pagina web. La funzione JavaScript viene poi chiamato da l'elemento nel menu. Ogni volta che l'utente posiziona sopra il menu, la funzione JavaScript è chiamata e si apre un elenco di opzioni per l'utente . Di seguito è riportato un esempio di Javascript tirare giù funzione di menu :

funzione a tendina ( menu_element , posizione) { menuObject = document.getElementById ( menu_element ) Stile ; newPosition = ( parseInt ( menuObj.top ) == -10 . ) ? -100 : -10 }

La prima istruzione del codice è il nome della funzione . Questo è usato in HTML avanti in questo tutorial . La prima istruzione del codice è l'elemento di menu . Dal momento che diverse voci di menu sono utilizzati in navigazione JavaScript, questo utilizza l'ID elemento che viene passato dal elemento HTML . La riga successiva riposiziona l'elemento per chiudere sia dal menu a tendina o espanderlo.
Aggiungere la funzione JavaScript al menu
Le voci di menu

vengono create utilizzando tag div oggetti in HTML . Un tag div che viene utilizzato per un menu a discesa di solito è il testo ad essa assegnato per richiamare visivamente all'utente di passare il mouse sopra l'elemento. Una volta che il mouse passa sopra il tag div HTML , la chiamata viene effettuata per la funzione JavaScript per aprire il menu a tendina . Il seguente è un esempio di un elemento tag div che chiama la funzione creata nella sezione 1 :

< div id = onmouseover " main_menu " = " a tendina ( ' main_menu ' , -10 ) " onmouseout = " pulldown ( ' main_menu ' , -100 ) ">

Questo codice chiama la funzione pull-down quando il mouse passa sopra il tag div , ma poi chiama di nuovo la funzione quando il mouse viene spostato lontano da elementi . Questo dà l'apparenza di una apertura e chiusura del menu in una pagina web.