JavaScript Pulldown-Menüs sind eine Möglichkeit, grafisch verbesserten Menüs für Benutzerführung in Web- Seiten zu erstellen. Diese Menüs haben sich zu einem Standard in der HTML -Programmierung Web - Seite , zu erkennen, so viele Anwender die Funktionalität der Schnittstelle. Beim Erstellen eines JavaScript Pull-down- Menü , dann ist es nur notwendig, um ein paar Zeilen Code in der Anwendung hinzuzufügen. Die Javascript

Erstellen JavaScript Pull-Down- Menüs kann mit einer Funktion in der Web-Seite eingebettet werden. Die JavaScript-Funktion wird dann durch das Element im Menü aufgerufen. Jedes Mal, wenn der Benutzer mit der Maus über das Menü , wird die JavaScript -Funktion aufgerufen und es öffnet sich eine Liste der Optionen für den Benutzer. Unten ist ein Beispiel für eine Javascript Pulldown-Menü -Funktion:

Funktion Pulldown ( menu_element , Position) { document.getElementById menuObject = ( menu_element ) Stil ; newPosition = ( parseInt ( menuObj.top ) == -10 . ) ? -100 : -10 }

Die erste Anweisung im Code ist der Name der Funktion. Dies wird in der HTML später in diesem Tutorial verwendet . Die erste Anweisung im Code ist die Menü-Element . Da mehrere Menüpunkte in JavaScript-Navigation verwendet werden , wird in diesem Element die ID , die aus dem HTML-Element übergeben wird. Die nächste Zeile positioniert das Element entweder schließen Sie das Pulldown-Menü oder erweitern.
Fügen Sie die JavaScript-Funktion , um das Menü

Menüpunkte werden mit div-Tag Objekte in HTML. Ein div -Tag, das für eine Pull-Down- Menü wird in der Regel hat Text zugewiesen , um visuell den Benutzer auffordern, mit der Maus über das Element zu schweben. Sobald die Maus über den HTML -Tag div schwebte , wird der Anruf an die JavaScript-Funktion aus , um die Pull-Down- Menü zu öffnen. Das Folgende ist ein Beispiel für ein div tag Element, das die Funktion in Abschnitt 1 erstellt ruft :

< div id = " MAIN_MENU " onmouseover = " Pulldown ( ' MAIN_MENU ' , -10 ) " onMouseout = " Pulldown ( ' MAIN_MENU ' , -100 ) " >

Dieser Code ruft das Pull-Down -Funktion , wenn die Maus über das div-Tag , aber dann ruft die Funktion wieder , wenn die Maus von dem Element weg bewegt . Dies erweckt den Eindruck einer Öffnung und Schließung Menü in einer Web-Seite .