Chapter 6. Building an Interactive Navigation Menu

In 2003, an article published on A List Apart (http://alistapart.com) called Suckerfish Dropdowns showed how HTML and CSS alone (with just a little JavaScript help for IE6) could be used to build a complex multilevel drop-down menu. The Suckerfish name derived from the gorgeously designed demo of the technique which featured illustrations of remoras and sharksuckers. While useful, the original requires that the site visitor not move their mouse outside the menu area while navigating or the menu disappears. Over the years, the Suckerfish Dropdowns have inspired a lot of spinoffs—Son of Suckerfish, Improved Suckerfish, and so on—that attempt to address the shortcomings of the original. Since jQuery ...

Get jQuery for Designers Beginner's Guide now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.