JavaScript pull -down menuer er en måde at skabe grafisk forbedrede menuer for brugeren navigation på websider . Disse menuer er blevet en standard i HTML webside programmering, så mange brugere anerkender funktionaliteten af interfacet . Når du opretter en JavaScript rullemenu , er det kun nødvendigt at tilføje et par linjer kode i ansøgningen. Javascript
Oprettelse JavaScript pull- down menuer kan opnås ved hjælp af en funktion, indlejret i websiden. JavaScript-funktionen kaldes da af elementet i menuen. Hver gang brugeren svæver over menuen, er den JavaScript-funktion kaldet , og det åbner en liste over valgmuligheder for brugeren. Nedenfor er et eksempel på en Javascript rullemenuen funktion : Hej
funktion pulldown ( menu_element , position ) { menuObject = document.getElementById ( menu_element ) stil, newPosition = ( parseInt ( menuObj.top ) == -10 . ) ? -100 -10 }
Den første sætning i koden er navnet på funktionen. Dette bruges i HTML senere i denne tutorial. Den første sætning i koden er menuen element . Da flere menupunkter anvendes i JavaScript navigation, bruger dette element id, der er gået fra HTML-element . Den næste linje repositionerer element til enten lukke rullemenuen eller udvide den.
Tilsæt Javascript funktion til Menu
Menupunkter er skabt ved hjælp div tag objekter i HTML . En div -tag, der bruges til en pull -down menu normalt har tekst, der er tillagt det for visuelt beder brugeren om at holder musen over elementet. Når musen er svævede over HTML div tag, foretages opkaldet til JavaScript-funktionen for at åbne rullemenuen . Det følgende er et eksempel på en div tag element, der kalder funktionen skabt i § 1 : Hej
< DIV ID = " main_menu " onmouseover = " pulldown ( ' main_menu « , -10 ) " onMouseOut =" pulldown ( ' main_menu ' -100 ) ">
Denne kode kalder pull- down-funktionen , når musen svæver over div tag , men så kalder funktionen igen, når musen flyttes væk fra elementet . Dette giver indtryk af en åbning og lukning menu i en webside.