Javascript rullgardinsmenyer är ett sätt att skapa grafiskt förbättrade menyer för användaren navigering i webbsidor . Dessa menyer har blivit en standard i HTML- webbsida programmering, så många användare inser funktionaliteten hos gränssnittet. När du skapar ett JavaScript rullgardinsmeny , är det bara nödvändigt att lägga till några rader kod i programmet . Den Javascript
Skapa JavaScript rullgardinsmenyer kan åstadkommas med hjälp av en funktion inbäddad i webbsidan . JavaScript-funktionen anropas sedan av elementet i menyn . Varje gång användaren svävar över menyn , är den JavaScript -funktionen heter och det öppnar en lista med alternativ för användaren . Nedan är ett exempel på en Javascript rullgardinsmenyn funktion :
funktion pulldown ( menu_element , position) { menuObject = document.getElementById ( menu_element ) stil , newPosition = ( parseInt ( menuObj.top ) == -10 . ) ? -100 : -10 }
Första uttalande i koden är namnet på funktionen . Detta används i HTML senare i denna tutorial . Det första påståendet i koden är menyn elementet . Sedan flera menyalternativ används i JavaScript navigering , använder denna elementet ID som skickas från HTML-element . Nästa rad repositions elementet att antingen stänga rullgardinsmenyn eller expandera den .
Lägg JavaScript-funktionen till menyn
Menyalternativ skapas med hjälp av div-taggen objekt i HTML . En div-tagg som används för en rullgardinsmeny normalt har texten tilldelats det att visuellt uppmana användaren att musen över elementet . När musen är svävade över HTML div-taggen , görs samtalet till JavaScript -funktionen för att öppna rullgardinsmenyn . Följande är ett exempel på en div-tagg element som anropar funktionen skapas i avsnitt 1 :
< div id = " main_menu " onMouseOver = " pulldown ( ' main_menu ' , -10 ) " onMouseOut = " pulldown ( ' main_menu ' , -100 ) " >
här koden anropar pull -down-funktionen när musen svävar över div-taggen , men sedan anropar funktionen igen när musen flyttas bort från elementet . Detta ger intryck av en öppning och stängning meny på en webbsida .
