Een beschrijving van de horizontale webpagina's voor Hyperlinks Commercial Horizontaal webpagina's - Deel 1 Inleiding Een webpagina, horizontale menu is een menu waarin de menu-items zijn in een horizontale balk . Dit is een serie artikelen waarin ik beschrijf de oprichting van een hoofdmenu met optionele submenu's. Het hoofdmenu is een horizontale balk en de submenu's zijn ook horizontale balken. De menu-items zijn hyperlinks. Wanneer u op een hyperlink klikt, wordt de browser brengt u naar een andere webpagina.
Je nodig hebt basiskennis van HTML, CSS en JavaScript om deze serie te begrijpen. Opmerking: Als u de code niet kunt zien of als u denkt dat er iets ontbreekt in dit artikel (gebroken koppeling, het afwezig), neem dan contact met mij op [email protected]. Dat wil contact met mij op voor het geringste probleem dat je hebt over wat je aan het lezen bent. User Requirements - De menu-items zijn de tekst hyperlinks en zijn in eerste instantie niet te onderstrepen. - Wanneer de muisaanwijzer gaat over een menu-item, wordt het onderstreepte, en de achtergrond kleur of afbeelding verandert.
Als het menu-item heeft submenu's, zie je haar submenu (met menu-items) in een horizontale balk net onder het. - Er is een hoofdmenu (horizontale balk) die altijd wordt weergegeven. De menu-items in het hoofdmenu of submenu's zijn gelijkmatig verdeeld. - Klikken op een menu-item brengt u naar een andere pagina. - Meer dan een submenu's kan worden geopend leiden tot een reeks van menu rijen. - Wanneer de gebruiker overal in het menu, maar niet klikt op een menu-item, de menubalken verdwijnen waardoor alleen het hoofdmenu.
Dus elk menu-item in het hoofdmenu kan leiden tot een boom van de menu-items sinds een submenu kan worden geopend vanuit elke menu-item. Technische vereisten In deze paragraaf geef ik u een manier om de uitvoering van de bovenstaande beschrijving gebruiker. Main Menu - Het hoofdmenu is opgenomen in een HTML-tabel-element. Deze tabel element heeft een rij in eerste instantie. De rij heeft slechts één tabel cel. - De cel van de bovenstaande rij is de belangrijkste menu-items. - Elk menu-item is een hyperlink. - Elk menu-item heeft een onmouseover en een onmouseout evenement.
- Voor een menu-item met een submenu, de onmouseover gebeurtenis roept een JavaScript-functie die de submenu produceert. - Elk geopend boom menu-items heeft één wortel, dat is een van de belangrijkste menu-item in de eerste rij. Slechts een boom met een wortel kan op elk mo