Light Horizontal Navigation

Description: A light, chunky navigation menu with nice hover and active states. You can also download the light version here.

This snippet makes heavy use of the :active pseudo class in order to toggle the active element as soon as the user presses the mouse button and increase the responsiveness of the UI.

JavaScript can then take over when the user releases the mouse button (onclick) to make the change permanent (not implemented here).