Med en rullegardinmeny lager du en oversiktlig og hierarkisk oversikt over alle viktige deler på siden og underseksjonene som siden inneholder. Du trenger bare å flytte musen over hovedseksjonene for å få underseksjonene til å vises. Du kan lage en rullegardinmeny med kun HTML og CSS.
Trinn
Del 1 av 2: Skrive HTML
1. Lag din navigasjonsdel. Normalt bruker du
2. Gi hver seksjon et klasseattributt. Vi bruker class-attributtet senere for å style disse elementene med CSS. Gi både beholderen og menyen sin egen klasseattributt.
klasse="nav-innpakning">
3. Legg til en liste over menyelementer. Den uordnede listen (
4. Legg til lenker. Hvis disse menyelementene på toppnivå også lenker til sine egne sider, kan du nå sette inn lenkene. Koble til et ikke-eksisterende anker (som f.eks "#!"), selv om de ikke kobler til noe, så brukerens markør ser annerledes ut. I dette eksemplet fører kontakt ingen steder, men de to andre menyelementene gjør det:
5. Opprett underlister for rullegardinelementene. Etter at stilen er opprettet, danner disse listene rullegardinmenyen. Plasser listen i listeelementet som brukeren vil holde musepekeren over. Legg til et klasseattributt og en lenke akkurat som før.
Gratis trinnvis instruksjoner
