CSS Drop down menus (zonder javascript)

Ik surf al een tijdje zonder javascript, vanuit veiligheidsoogpunt en usability interesse. De javascript afhankelijkheid is de laatste jaren, zeker ook door de Web 2.0 hype, erg gegroeid in websites. Door het uitzetten van javascript mis je soms de handige gadgets in webpagina's, maar levert ook het voordeel van veiligheid, verhoogde snelheid en minder advertenties op.

Ik werd verbaasd tijdens het bekijken van XS4All.nl dat hierin dropdown menus worden gebruikt. Eerst dacht ik dat ik per ongeluk nog javascript had aanstaan, maar dat was niet het geval. Ik houd eigenlijk helemaal niet van dropdown menus (laat mij maar direct zien welke menukeuzes er zijn, zonder dat ik dat met de muis moet opzoeken). Maar dit was intrigerend, normaliter wordt dit geimplementeerd met javascript.

Even naar de HTML source kijken leverde het antwoord: met wat slim gebruik van CSS kun je dat vrij makkelijk implementeren. Globaal komt het erop neer dat je een lijstje opneemt in een link, maar die lijst toont bij een :hover over de link. Cool. Bekijk meer voorbeelden van CSS dropdown menus.

Ingezonden door mo6 op wo, 2008-01-30 09:56