Home > Categories > Navigations

Combobox drop down menu

March 24, 2011Navigations

 

Use the select tag to create a drop-down list. The options in the list are the menu items. On selecting an option, the popup window will appear with the selected url.

JQuery CSS sprite menu with image buttons

April 16, 2011Navigations

 

JQuery CSS sprites menu navigation. The menubuttons are all loaded from a single image using background positioning. This means less HTTP requests, better loading time. This is a scriptbreaker.com JQuery extention that fades the menu buttons on roll over.

JQuery Drop down panel menu

April 27, 2011Navigations

 

The Drop Down Panel menu adds a pull down panel when you hover a menu button. This script is made as JQuery plugin. It can be used from horizontal menus as well as for vertical menus.

JQuery fade background color menu

April 18, 2011Navigations

 

At the moment of writing this script the JQuery core library doesn't support background color fading. If you want to use background fading you need to use the JQuery color plugin. This script demonstrates how to use JQuery with the color plugin to fade the background color of menu buttons.

JQuery multi level accordion menu

April 20, 2011Navigations

 

jQuery accordion menus are menus that act like a musical accordion, with regards to their ability to expand and contract based on user interactions. This helps display additional information for the active menu items, while hiding non-relevant information from the user. Additionally, it can help add more content without sacrificing white space, leading to more usable and attractive user interface design.

JQuery roll over two level menu

April 17, 2011Navigations

 

This script creates a menu with two levels. The second level is hidden and will only appear when you move over a menu button. The menu buttons of the second level are displayed on a single row. This is a userfriendly menu type and saves a lot of space on the page. Although the second menu slides from under the first menu. This effect is obtained by using JQuery.

JQuery slide down menu

April 13, 2011Navigations

 

The JQuery slide down menu is composed of a number of li headers. Upon clicking these headers, its menu items are revealed with a sliding DHTML effect.