Simon Willison’s Weblog

Pure CSS popups

New example on Eric Meyer’s css/edge: Pure CSS Menus. This is very impressive stuff—it’s an implementation of those dropdown menus where you hover over an item and a new menu pops up, but it’s done in pure CSS without a line of javascript. Even better, the markup for the menu is a nested unordered list, so browsers that don’t support the advanced CSS needed will still display the menu in a meaningful way.

The example requires Mozilla 1.0, as do many of the other css/edge demos. The site has some fantastic experiments on it (all with full explanations and freely available source code) and is well worth exploring.

This is Pure CSS popups by Simon Willison, posted on 15th June 2002.

Next: User Agent list

Previous: Learning from smart tags

Previously hosted at http://simon.incutio.com/archive/2002/06/15/pureCssPopups