March 7
JavaScript menu a discesa sono un modo per creare menu graficamente avanzati per la navigazione dell'utente in pagine web. Questi menu sono diventate uno standard in HTML programmazione web-page, tanti utenti riconoscono la funzionalità dell'interfaccia. Quando si crea un menu a discesa JavaScript, è solo necessario aggiungere poche linee di codice nell'applicazione.
Creazione di menu a discesa JavaScript può essere realizzato utilizzando una funzione incorporato nella pagina web. La funzione JavaScript viene chiamato dall'elemento nel menu. Ogni volta che l'utente passa sopra il menu, la funzione JavaScript è chiamata e si apre un elenco di opzioni per l'utente. Di seguito è riportato un esempio di una tendina funzione di menu Javascript:
funzione a tendina (menu_element, posizione) {
menuObject = document.getElementById (menu_element) .style
ANDARE
newPosition = (parseInt (menuObj.top) == -10)? -100: -10
}
La prima istruzione nel codice è il nome della funzione. Questo è usato nel codice HTML più avanti in questo tutorial. La prima affermazione nel codice è l'elemento di menu. Dal momento che varie voci di menu sono utilizzati in navigazione JavaScript, questo utilizza l'ID elemento che viene passato dal elemento HTML. La linea seguente riposiziona l'elemento per chiudere il menu a tendina o espanderlo.
Le voci di menu vengono creati utilizzando gli oggetti di tag div in HTML. Un tag div che viene utilizzato per un menu a tendina normalmente testo è assegnato per richiedere visivamente l'utente a passare il mouse sopra l'elemento. Una volta che il mouse passa sopra il tag div HTML, viene effettuata la chiamata alla funzione JavaScript per aprire il menu a tendina. Quanto segue è un esempio di un elemento tag div che chiama la funzione creata nella sezione 1:
<Div id = \ "MAIN_MENU \" onMouseOver = \ "discesa ( 'MAIN_MENU', -10) \" onmouseout = \ "discesa ( 'MAIN_MENU', - 100) \">
Questo codice chiama la funzione di pull-down quando il mouse passa sopra il tag div, ma poi si chiama la funzione di nuovo quando il mouse viene spostato lontano dalla griglia. Questo dà l'apparenza di apertura e chiusura del menu in una pagina web.