Mega menus, which are alternatively called multi-level, fly-out, or tiered menus, are an excellent form of website navigation.
These menus—whether arranged horizontally or vertically—allow visitors to quickly and intuitively browse a site's hierarchy, which is of particular importance on ecommerce sites.
Frequently, mega menus are executed using either JavaScript or Flash and ActionScript. While these are both excellent choices, there may be certain times or certain projects wherein a lighter, all CSS solution, is called for. So in this quick tutorial, I will describe one approach to building a pure-CSS mega menu.
Building the HTML
For this tutorial, I set up a simple page that has a header and a short, four-anchor menu.
Within m...
Monday, November 15, 2010
Building Pure CSS Mega Menus
Building Pure CSS Mega Menus: "
Subscribe to:
Post Comments (Atom)
No comments:
Post a Comment