Amazing css menu Collections

1. Free CSS Drop-Down Menu Framework


  • Modular, with themes. Not only HTML is separated from CSS, but even CSS definitions are categorized into structural and thematic types. Thus creating a new css drop-down menu means creating only a new theme since structure is permanent. What is more, creating a new theme is easy with available templates and takes 10-15 mins.
  • Cross browser. Configurations available for Windows Internet Explorer 5 or later, Mozilla Firefox 1.5 or later, Opera 7 or later, Apple Safari 2 or later, Google Chrome 1, etc.
  • JavaScript only for IE. Minimal JavaScript code only for IE 6 or earlier. Can be used with popular JavaScript libraries Jquery or Scriptaculous. Everything else is pure CSS.
  • Continuous development. The project is constantly revised and improved.
  • You can find some amazing Drop down menus that are free to download under GNU license.

    2. Accordion Menu script

    Creating an Accordion Menu is trivial using Accordion Content script. It basically just comes down to styling your headers and expanding content to conform to that desired menu look.

    Glossy Accordion Menu

    Bullet List Accordion Menu

    Urban Gray Accordion Menu

    Apple style Accordion Menu

    3. Drill Down Menu

    This script turns an ordinary UL list into a drill down style menu, adding a new dimension to the conventional drop down menu. The top level UL dictates the height of the menu, with the sub levels tucked away until navigated to. You can customize which level should be shown by default, whether to remember the last shown level when the page reloads, plus the speed of the “drilling” animation. And to ensure the user doesn’t get lost with all this drilling, the script can optionally display “breadcrumb” links that reflect the current level the user is at.

    4. Smooth Navigational Menu

    Smooth Navigation Menu is a multi level, CSS list based menu powered using jQuery that makes website navigation a smooth affair. And that’s a good thing given the important role of this element in any site. The menu’s contents can either be from direct markup on the page, or an external file and fetched via Ajax instead. And thanks to jQuery, a configurable, sleek “slide plus fade in” transition is applied during the unveiling of the sub menus. The menu supports both the horizontal and vertical (sidebar) orientation.

    5. Image Menu

    horizontal menu, reveals more of the image as you rollover it. It uses mootools.

    6. CSS Horizontal Drop-Down Menu

    Is a there way to create a css horizontal drop-down menu in css that will work on most browsers. Well… technically, the short answer is “No” if you are using just css, because IE is problematic in the way it handles css. uses .htc file to support IE.

    jQuery Multi Level CSS Menu

    This is a multi-level horizontal CSS menu created using a regular nested HTML list, then turned into a fully functional drop down menu using CSS and a touch of jQuery. The sub menus slide in and out into view, which also automatically reposition themselves horizontally if too close to the window’s right edge.

    A music lover, creativity is all that he has in his mind and a very avid reader. He is the Founder of ArtAtm. He is a web designer by profession from India. You may want to Follow Him On Twitter

    Rocky – who has written posts on Artatm – Creative Art Magazine.

One Response to “Amazing css menu Collections”
  1. WP Themes

    Genial post and this post helped me alot in my college assignement. Gratefulness you seeking your information.

Leave a Reply