jQuery Menu

I was searching for a simple jQuery menu bar but everything I found was very ugly... So I developed my own (maybe better) one for my own needs - here it is!

Download: http://wan24.de/download/jQuery/Menu/jquery.menu.zip

Demo

Horizontal menu

Vertical menu

test

Mobile menu

test

Black theme

Download: http://wan24.de/download/jQuery/Menu/jquery.menu.black.zip

For documentation please view the contained CSS style sheet.

test

Windows theme

Download: http://wan24.de/download/jQuery/Menu/jquery.menu.windows.zip

For documentation please view the contained CSS style sheet.

test

Usage

Have a look at the source of this page, it's really very simple:

  1. add the class menu to your list-menu (add the class menuVertical in addition for a vertical aligned menu)
  2. init the menu by calling $.wan24.Menu.Init(); in the OnLoad event
  3. enjoy :)

The vertical menu and themes demos (with exactly the same content as the horizontal menu demo has) were created using the $.wan24.MenuBuilder.

For more documentation, view the source of jquery.menu.js and jquery.menubuilder.js.

License

©2011 Andreas Zimmermann, WAN Solutions
All rights reserved.

No license fee for private use, as long as you don't modify the code.

Please donate 10,- € at http://wan24.de per commercial use or to get the permission for code modifications.

Be my guest at http://ndsdevzone.wordpress.com/ (-> my German speaking blog), too.

For more information, view the source of jquery.menu.js and jquery.menubuilder.js.