En beskrivning av horisontell webbsida Menyer för hyperlänkar Commercial Horisontell webbsida Menyer - Del 1 Inledning En webbsida, är horisontell meny en meny där, menyalternativ är i en horisontell bar . Detta är en artikelserie där jag beskriver skapandet av en huvudmeny med valfria undermenyer. Huvudmenyn är ett horisontellt streck och undermenyer är också horisontella staplar. Menyalternativen är hyperlänkar. När du klickar på en hyperlänk, tar webbläsare du till en annan webbsida.
Du behöver grundläggande kunskaper i HTML, CSS och JavaScript för att kunna förstå denna artikelserie. Obs: Om du inte kan se koden, eller om du tror att något saknas i den här artikeln (bruten länk, bild frånvarande), bara att kontakta mig på [email protected]. Det vill säga, kontakta mig för minsta problem du har om vad du läser. Användarkrav - Menyalternativen är texthyperlänkar och är inte understryka från början. - När muspekaren går över ett menyalternativ, blir det understrukna, och dess bakgrundsfärg eller bildändringar.
Om menyn har undermenyer, ser du dess undermeny (med menyalternativ) i en horisontell bar precis nedanför den. - Det finns en huvudmeny (horisontell bar) som alltid visas. De menyalternativ i huvudmenyn eller undermenyer är jämnt fördelade. - Om du klickar på ett menyalternativ tar dig till en annan sida. - Mer än ett undermenyer kan öppnas leder till en uppsättning menyrader. - När användaren klickar någonstans på menyn men inte på ett menyalternativ, menyraderna försvinner vilket innebär att endast huvudmenyfältet.
Så varje menyalternativ i huvudmenyn kan leda till ett träd av menyalternativ eftersom en undermeny kan öppnas från ett menyalternativ. Tekniska krav i det här avsnittet, jag ger dig ett sätt att genomföra ovanstående användarbeskrivning. Huvudmenyn - Huvudmenyn finns i ett HTML-tabellelement. Denna tabell element har en rad initialt. Raden har bara en tabellcell. - Cellen av ovanstående raden har huvudmenyalternativ. - Varje menyalternativ är en hyperlänk. - Varje menyalternativ har en onMouseOver och en onmouseout händelse.
- För ett menyalternativ med en undermeny, den onMouseOver händelse kräver en JavaScript-funktion som ger en undermeny. - Varje öppnade träd menyalternativ har en rot, vilket är en huvudmenyn i den första raden. Endast ett träd med en rot kan öppnas när som helst. - De menyalternativ i huvudmenyn eller undermenyerna åtskiljs av lika antal blanksteg (). - Den hyperlänk href värde och en del innehåll för va