jQuery Menu
The jQuery Menu by jQWidgets, called jqxMenu, is designed to provide search-engine friendly hierarchical menu system, rich functionality, cross-browser and cross-platform support, easy to use APIs and works on PC and touch devices. jqxMenu is flexible, powerful and easy to use. It can be easily configured as a horizontal menu, vertical menu or a context menu. The menu consists of a hierarchy of menu items. The top level items called root items are always visible. Each root item may have, nested within it, a set of child items. Child items may have, nested within them, their own sets of child items. The child items are displayed when their parent item is expanded.
Features
- Rich API
- Search-Engine Friendly Rendering
- Context Menu
- Horizontal Menu
- Vertical Menu
- Touch Support
- Cross-browser/cross-platform support
- Appearance and Themes
Rich API
The jQuery Menu has a rich set of events and built-in functions guaranteeing full control over the Menu. With the jqxMenu API, you can get the clicked menu item, open or close a sub menu, disable or enable a menu item or the entire Menu.
Search-Engine Friendly Rendering
jQuery Menu uses a list items and CSS for rendering. You can turn your list items into a nice-looking menu by calling a single function. Below is a html markup for building a Menu.<div id='jqxMenu'>The result after selecting the jqxmenu DIV tag and calling the jqxMenu constructor is displayed below:<ul><li><a href="#">About Us</a><ul><li><a href="#">History</a></li><li><a href="#">Our Vision</a></li><li><a href="#">The Team</a><ul><li><a href="#">Brigita</a></li><li><a href="#">John</a></li><li><a href="#">Michael</a></li><li><a href="#">Peter</a></li><li><a href="#">Sarah</a></li></ul></li><li><a href="#">Clients</a></li><li><a href="#">Testimonials</a></li><li><a href="#">Press</a></li><li><a href="#">FAQs</a></li></ul></li><li id='Services'><a href="#">Services</a><ul><li><a href="#">Delivery</a></li><li><a href="#">Shop Online</a></li><li><a href="#">Support</a></li></ul></li><li id='ContactUs'><a href="#">Contact Us</a><ul><li><a href="#">Enquiry Form</a></li><li><a href="#">Map & Driving Directions</a></li><li><a href="#">Your Feedback</a></li></ul></li></ul></div>
Context Menu
You can easily turn the jQuery Menu into a context menu or popup menu. In the context menu mode the menu is displayed as a result of user action such as right-click or hover.
Horizontal Menu
This is the default display mode of the jQuery Menu. When you create the menu, the root level menu items will be displayed in a row and the sub-menus will be opened below the root items.
Touch Support
jQuery Menu automatically adjusts its internal behavior for optimal rendering and best user experience on touch devices. When you touch a root-level item, the sub-menu will be opened.