|  Startsida |  Hårdvara |  Nätverk |  Programmering |  Programvara |  Felsökning |  System |   
Programmering
  • C /C + + -programmering
  • Computer Programspråk
  • Delphi Programmering
  • Java Programming
  • JavaScript programmering
  • PHP /MySQL Programmering
  • perl Programmering
  • python Programming
  • Ruby programmering
  • Visual Basics Programmering
  • * Dator Kunskap >> Programmering >> JavaScript programmering >> Content

    Tutorial på rullgardinsmenyer i JavaScript

    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 .

    Tidigare:

    nästa:
    relaterade artiklar
    ·Hur ändrar scenens storlek i ActionScript 3.0
    ·Tutorial på Javascript Bakgrund Effekter
    ·Hur man gör en studsande boll Animation i HTML
    ·JavaScript : Apostrophe Problem i URL
    ·Hur man använder JavaScript Utvecklare
    ·Javascript Grid Tutorial
    ·Sekventiell Effekter i jQuery
    ·Hur man gör Återvunnet Ink
    ·Korrekta ramuppsättningar för JavaScript
    ·Skillnad mellan OnBeforeUnload & onunload
    Utvalda artiklarna
    ·Hur man sätter in en bild i Mobipocket
    ·Vad är CNC maskiner
    ·Hur Exportera ett projekt som har JAR i Eclipse
    ·Hur man gör Tomter i C + +
    ·Hur man använder en DBlink för Oracle Lock tjänster
    ·Hur man gör en PHP Kontaktformulär
    ·Konvertera bilder till binär data med PHP
    ·Hur Extrahera grafik från en URL med VBA
    ·Hur man läser många rader i One Shot i Visual Basic 6…
    ·Game Maker : Array Tutorial
    Copyright © Dator Kunskap http://www.dator.xyz