creëren JavaScript pull - down menu's kan worden bereikt met behulp van een functie ingebed in de webpagina . De JavaScript -functie wordt aangeroepen door het element in het menu . Elke keer als de gebruiker met de muisaanwijzer over het menu , wordt de JavaScript-functie aangeroepen en met een lijst met opties voor de gebruiker geopend. Hieronder is een voorbeeld van een Javascript pull down menu functie :

functie pulldown ( menu_element , positie ) { menuObject = document.getElementById ( menu_element ) stijl
; newPosition = ( parseInt ( menuObj.top ) == -10 . ) ? -100 : -10 }

Het eerste statement in de code is de naam van de functie . Dit wordt gebruikt in de HTML later in deze tutorial . De eerste verklaring in de code is het menu -element. Sinds een aantal menu- items worden gebruikt in JavaScript navigatie , dit maakt gebruik van het element id die wordt doorgegeven van de HTML-element . De volgende regel herpositioneert het element om ofwel sluit de pull - down menu of uit te breiden .
In de Javascript -functie om het menu

Menu-items worden gemaakt met behulp van div -tag objecten in HTML . Een div-tag die wordt gebruikt voor een pull - down menu normaal is tekst toegewezen om visueel de gebruiker vragen om met de muis over het element . Zodra de muis wordt zweefde over de HTML- div-tag , wordt de oproep gedaan om de JavaScript-functie om het pull - down menu te openen . Het volgende is een voorbeeld van een div-tag element dat de functie aangemaakt in sectie 1 noemt :

< DIV ID = " main_menu " onmouseover = " pulldown ( ' main_menu ' , -10 ) " onmouseout = " pulldown ( ' main_menu ' , -100 ) " >

Deze code roept de pull - down functie als de muis over de div-tag , maar dan is de functie opnieuw oproepen wanneer de muis wordt verplaatst van het element . Dit geeft het uiterlijk van een opening en sluiting menu in een webpagina .