Hvordan lage en Sammenleggbar Meny i CSS

Cascading Style Sheets, eller CSS, kan brukes til å lage en sammenleggbar meny uten å måtte bruke et programmeringsspråk som Java. Du kan holde menyelementer skjult til brukeren plasserer sin pekeren over dem. Du kan tilpasse menyen til skrift og farger du ønsker, redigere den med Windows Notepad. Du kan deretter laste den opp til din nettside å bruke.

Bruksanvisning

1 Klikk "Start", "Alle programmer" og klikk "Notisblokk" for å åpne tekst editor. Klikk på "File", "New".

2 Skriv inn følgende skript for å skape stilen for toppen av menyen:

slippe li.top {font-family: Palatino, Arial, san-serif;

font-size: 100%;
color: # FF00FF;}

3 Skriv inn følgende skript for å konstruere stiler for de andre menyelementene:

slippe ul .link {display: none;

font-family: Palatino, Arial, san-serif;
font-size: 75%;
color: # 0000FF;}

4 Type "#drop ul: hover .link {display: block;}" og "#drop {position: absolute;}" for å vise menypunktene når du holder markøren over dem, og også for å sikre toppen av menyen ikke fortrenge elementer.

5 Skriv inn følgende skript for å lage den sammen menyen:

<Div id = "slippe">
<Ul id = "hodet">
<Li class = "top"> Top </ li>
<Li class = "link"> <a href="#"> Sak 1 </a> </ li>
<Li class = "link"> <a href="#"> Sak 2 </a> </ li>
<Li class = "link"> <a href="#"> Sak 3 </a> </ li>
</ Ul> </ div>

Lagre filen som en ".html" -filen og laste den opp til webområdet ditt.