Med en rullemenu skaber du et overskueligt og hierarkisk overblik over alle vigtige dele på siden og de underafsnit, som siden indeholder. Du skal blot flytte musen over hovedsektionerne for at få undersektionerne til at vises. Du kan oprette en rullemenu ved kun at bruge HTML og CSS.
Trin
Del 1 af 2: Skrivning af HTML
1. Opret din navigationssektion. Normalt bruger du
2. Giv hver sektion en klasseattribut. Vi bruger attributten class senere til at style disse elementer med CSS. Giv både beholderen og menuen deres egen klasseattribut.
klasse="nav indpakning">
3. Tilføj en liste over menupunkter. Den uordnede liste (
4. Tilføj links. Hvis disse menupunkter på øverste niveau også linker til deres egne sider, kan du nu indsætte linksene. Link til et ikke-eksisterende anker (f.eks "#!"), selvom de ikke linker til noget, så brugerens markør ser anderledes ud. I dette eksempel fører kontakt ingen vegne, men de to andre menupunkter gør:
5. Opret underlister til dropdown-elementerne. Når stilen er oprettet, danner disse lister rullemenuen. Placer listen i det listeelement, som brugeren vil holde markøren over. Tilføj en klasseattribut og et link ligesom før.
Gratis trin for trin instruktioner
