Monday, November 15, 2010

Building Pure CSS Mega Menus

Building Pure CSS Mega Menus: "Ecd-css-orange_thumb

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...

"

No comments: