h1

Script-free pure CSS menu

December 7, 2008

Steve Gibson (of Gibson Research Corporation fame) has an excellent CSS-based menu that you can use horizontally, vertically, or both. All CSS, no JavaScript required. And it’s public domain too, so you can use and modify it as you wish.
http://www.grc.com/menudemo.htm

Steve Gibson’s menu is the one I adapted for use on this website: http://minarco-mineconsult.com/

By using two different DIV IDs, I was able to get the horizontal and vertical menus displaying differently even though they both use the same menu contents. I also put the menu contents into a JS file for ease of reuse, but the menus display as a result of the CSS for the DIVs, not the JavaScript.

[Links last checked January 2008]

Leave a Comment