Men den onMouseOut begivenhed opfører sig, nogle gange som en unmousemove begivenhed. Dette vil føre til en kompliceret kode. Så jeg bruger tabellen onclick begivenhed. Sub menuer - Hver undermenu består af menupunkter i den ene celle i træk skabt. - De sub menupunkter, som dem i hovedmenuen er adskilt af lige mange af rummets tegn. - Den hyperlink href værdi og en element indhold for hvert menupunkt danne en streng i enkelt multi-Dimensional JavaScript Array. Denne multi-dimensional array er den ovenfor nævnte, som også har strengene for hovedmenuen.
- Når et element undermenu er påkrævet, er en ekstra række med én celle skabt i tabellen og fodret med menupunkter opnået fra den multi-dimensional array. Hovedmenu og undermenuer i hovedmenuen og undermenuer er i en HTML-tabel. Hovedmenuen er i den første tabel rækken med én celle. Når der er behov for en undermenu, er en række af én celle skabt i denne tabel for at huse de sub menupunkter. Når websiden er indlæst, er det kun i hovedmenuen (i én række) oprindeligt vist. Hovedmenuen er ikke meningen at overlappe enhver webside indhold.
Med beskrivelsen hidtil, når en undermenu vises, vil indholdet af websiden under hovedmenuen skifte nedad, for at gøre plads til den ekstra række. Det er ikke, hvad der kræves; tilsat række skal overlappe den webside regionen det har at besætte. Hvordan du opnå dette? Du kan opnå dette ved at sætte tabellen i et HTML DIV element. Tabellen i DIV element er givet en CSS absolut position ejendom med en høj z-indeks. På denne måde vil dets ekstra rækker overlapper websiden regionen var at besætte.
Stadig, med denne ændring, kan DIV element kollapse, og hovedmenuen ville overlappe nogle web sidens indhold. For at undgå, at DIV element i at kollapse, så skriv et enkelt mellemrumstegn () i det. Fra et praktisk synspunkt, ville hovedmenuen overlappe den vandrette plads (højden af) i denne enkelt mellemrum karakter og ikke nogen (nyttigt) webside indhold. C