JavaScript pull- down menyer er en måte å lage grafisk forbedrede menyer for brukeren navigasjon i web-sider. Har disse menyene blitt en standard i HTML web - side programmering, så mange brukere kjenner funksjonaliteten av grensesnittet. Når du oppretter en JavaScript rullegardinmenyen , er det bare nødvendig å legge til noen få linjer med kode i søknaden. Javascript

Opprette JavaScript pull- down menyer kan oppnås ved hjelp av en funksjon innebygd i web siden . JavaScript-funksjonen kalles da av element i menyen. Hver gang brukeren svever over meny , er JavaScript-funksjon som heter , og det åpner en liste over alternativer for brukeren . Nedenfor er et eksempel på en Javascript nedtrekksmenyen funksjon : en

funksjon pulldown ( menu_element , posisjon) { menuObject = document.getElementById ( menu_element ) stil ; newPosition = ( parseInt ( menuObj.top ) == -10 . ) ? -100 : -10 }

Den første setningen i koden er navnet på funksjonen . Dette brukes i HTML senere i denne opplæringen. Den første setningen i koden er menyen element . Siden flere menyelementene brukes i JavaScript navigasjon , bruker dette elementet ID som er gått fra HTML element . Den neste linjen repositions element å enten lukke rullegardinmenyen eller utvide den.
Legg til Javascript -funksjonen til menyen

menyelementer er opprettet ved hjelp av div tag objekter i HTML . En div tag som brukes for en rullegardinmeny normalt har teksten får til det å visuelt be brukeren om å holder musen over elementet . Når musen er svevde over HTML div tag, blir samtalen gjort til JavaScript -funksjonen for å åpne rullegardinmenyen . Det følgende er et eksempel på en div tag element som kaller funksjonen opprettet i § 1 : en

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

Denne koden kaller pull -down -funksjon når musen svever over div tag , men da kaller funksjonen igjen når musen beveges bort fra element . Dette gir inntrykk av en åpning og lukking menyen i en nettside .