- De HTML-tabel heeft een onclick event, waarvan de functie verwijdert de tabel rijen voor de submenu's, waardoor je alleen met de eerste (hoofdmenu) rij. Het zou leuk zijn om een onmouseout evenement voor de tabel die zal leiden tot de rijen te verwijderen. Echter, de onmouseout gebeurtenis gedraagt zich soms als een unmousemove evenement. Dit zou leiden tot een ingewikkelde code. Dus ik gebruik de tabel onclick event. Submenu's - Elke submenu bestaat uit menu-items in de ene cel van een rij gemaakt.
- De sub-menu items, zoals die van het hoofdmenu worden gescheiden door gelijk aantal van de spaties. - De hyperlink href waarde en een element content voor elk menu-item vormen een string in de enkele multi-dimensionale JavaScript Array. Deze multi-dimensionale array is degene hierboven vermeld, die ook de snaren van het hoofdmenu. - Als een sub menu-item nodig is, een extra rij met één cel is gemaakt in de tabel en gevoed met menu-items verkregen uit de multi-dimensionale array. Hoofdmenu en submenu's Het hoofdmenu en submenu's zijn in een HTML-tabel.
Het hoofdmenu is in de eerste rij van de tabel met één cel. Wanneer een submenu nodig is, wordt een rij van een cel die in deze tabel om de submenu-items te huisvesten. Als de webpagina wordt geladen, wordt alleen het hoofdmenu (in een rij) initieel weergegeven. Het hoofdmenu is niet de bedoeling dat elke webpagina inhoud overlappen. Met de beschrijving tot nu toe, wanneer een submenu wordt gegeven, zou de inhoud van de webpagina onder het hoofdmenu beneden te verschuiven, om ruimte te maken voor de toegevoegde rij.
Dit is niet wat is vereist; toegevoegde rij moet de webpagina regio het moet bezetten overlappen. Hoe denkt u dit te bereiken? U kunt dit bereiken door de invoering van de tabel in een HTML-DIV-element. De tabel in het DIV element krijgt een CSS absolute woning positie met een hoge z-index. Op deze wijze wordt de toegevoegde rijen de webpagina regi