Det skulle vara trevligt att ha en onmouseout händelse för tabellen som kommer att orsaka raderna tas bort. Men den onmouseout händelsen uppträder ibland som en unmousemove händelse. Detta skulle leda till en komplicerad kod. Så jag använder tabellen onclick händelsen. Sub menyer - Varje undermeny består av menyalternativen i en cell i en rad skapats. - De undermenyalternativ, som de i huvudmenyn är åtskilda av lika många rymd tecken. - Den hyperlänk href värde och en del innehåll för varje menyalternativ bilda en sträng i den enda multidimensionella JavaScript Array.
Denna flerdimensionell array är den som nämns ovan, som också har strängarna för huvudmenyn. - När det krävs att en undermenyalternativ, är en ytterligare rad med en cell som skapas i tabellen och matas med menyalternativ som erhålles från den flerdimensionella matrisen. Huvudmenyn och undermenyer huvudmenyn och undermenyer är i en HTML tabell. Huvudmenyn är den första tabellraden med en cell. När en undermeny behövs är en rad med en cell skapas i den här tabellen för att hysa de undermenyalternativen. När webbsidan är laddad, endast huvudmenyn (i en rad) initialt visas.
Huvudmenyn är inte tänkt att överlappa en webbsida innehåll. Med beskrivningen hittills när en undermeny visas, skulle innehållet på webbsidan under huvudmenyn flyttas nedåt, för att ge plats för den extra raden. Detta är inte vad som krävs; något tillsatt rad ska överlappa webbsidan regionen har att ockupera. Hur tycker du att uppnå detta? Du kan uppnå detta genom att sätta tabellen i en HTML-DIV element. Tabellen i DIV elementet ges en CSS absolut egenskapen position med en hög z-index. På detta sätt, kommer dess extra rader överlappar webbsidan region de skulle ockupera.
Fortfarande, med denna modifiering, kan DIV elementet kollapsa, och huvudmenyn skulle överlappa viss sidans innehåll. För att förhindra att DIV elementet från att kollapsa, skriv bara ett enda blanksteg () i det. Ur praktisk synvinkel skulle huvudmenyn överlappa ho