Men oppfører onmouseout hendelse noen ganger som en unmousemove hendelse. Dette vil føre til en komplisert kode. Så jeg bruker Tabell onclick hendelsen. Sub Menyer - Hver undermeny består av menyelementer i en celle av en rad opprettet. - Sub menyelementer, som de av hovedmenyen De er atskilt med samme antall mellomromstegnene. - Den hyperkobling href verdi og et element innhold for hvert menyelement danne en streng i enkelt multi-Dimensional Javascript Array. Denne multi-dimensjonal matrise er den som er nevnt ovenfor, som også har strengene til hovedmenyen.
- Når det kreves en undermeny element, en ekstra rad med én celle laget i bordet og matet med menyelementer hentet fra multi-dimensjonale array. Hovedmeny og undermenyer hovedmenyen og undermenyer er i en HTML tabell. Hovedmenyen er i den første tabellen rad ha en celle. Når en undermeny er nødvendig, er en rad med én celle laget i denne tabellen for å huse elementene på undermenyen. Når nettsiden er lastet, er bare hovedmenyen (i en rad) vises først. Hovedmenyen er ikke ment å overlappe en nettside innhold.
Med beskrivelsen gitt så langt, når en undermeny vises, vil innholdet på nettsiden under hovedmenyen skift nedover, for å gjøre plass til den ekstra rad. Dette er ikke hva som kreves; noen ekstra rad skal overlappe nettsiden regionen har det å okkupere. Hvordan oppnår du dette? Du kan oppnå dette ved å sette tabellen i en HTML DIV element. Tabellen i DIV element er gitt en CSS absolutt posisjon eiendom med høy z-indeks. På denne måten vil de added rader overlappe nettside regionen de var å okkupere.
Likevel, med denne endringen, kan DIV element kollapse, og hovedmenyen vil overlappe noen web side innhold. For å hindre at DIV element fra å kollapse, skriver du bare en enkelt mellomrom () i det. Fra et praktisk synspunkt, ville hovedmenyen overlappe horisontal plass (høyde) i denne enkelt mellomrom og ikke noe (nyttig) nettside innhold. CSS brukes til ikke-understreking og