Med en rullgardinsmeny skapar du en tydlig och hierarkisk översikt över alla viktiga delar på sidan och de underavsnitt som sidan innehåller. Du behöver bara flytta musen över huvudsektionerna för att få undersektionerna att visas. Du kan skapa en rullgardinsmeny med endast HTML och CSS.
Steg
Del 1 av 2: Skriva HTML
1. Skapa din navigeringssektion. Normalt använder du
2. Ge varje avsnitt ett klassattribut. Vi kommer att använda class-attributet senare för att utforma dessa element med CSS. Ge både behållaren och menyn ett eget klassattribut.
klass="nav-omslag">
3. Lägg till en lista med menyalternativ. Den oordnade listan (
4. Lägg till länkar. Om dessa menyalternativ på översta nivån också länkar till sina egna sidor kan du nu infoga länkarna. Länk till ett icke-existerande ankare (t.ex "#!"), även om de inte länkar till någonting, så att användarens markör ser annorlunda ut. I det här exemplet leder kontakt ingenstans, men de andra två menyalternativen gör det:
5. Skapa underlistor för listrutorna. Efter att stilen har skapats bildar dessa listor rullgardinsmenyn. Placera listan i listobjektet som användaren kommer att hålla muspekaren över. Lägg till ett klassattribut och en länk precis som tidigare.
Instrucțiuni gratuite pas cu pas
