Menu Family: Examples

The Menu family of components features a collection of controls that make it easy to add menus to your website or web application. With the Menu Controls you can create website fly-out menus, customized context menus, or application-style menu bars with just a small amount of scripting

• Basic Menu From Markup: Basic Menu From Markup
• Basic Menu From JavaScript: Basic Menu From JavaScript
• Grouped Menu Items Using Markup: Grouped Menu Items Using Markup
• Grouped Menu Items Using JavaScript: Grouped Menu Items Using JavaScript
• Grouped Menu Items With Titles From Markup: Grouped Menu Items With Titles From Markup
• Grouped Menu Items With Titles From JavaScript: Grouped Menu Items With Titles From JavaScript
• Multi-tiered Menu From Markup: Multi-tiered Menu From Markup
• Multi-tiered Menu From JavaScript: Multi-tiered Menu From JavaScript
• Handling Menu Click Events: Handling Menu Click Events
• Listening For Menu Events: Listening For Menu Events
• MenuItem Configuration Properties: MenuItem Configuration Properties
• Setting Menu Configuration Properties At Runtime: Setting Menu Configuration Properties At Runtime
• Website Left Nav With Submenus Built From Markup: Website Left Nav With Submenus Built From Markup
• Website Left Nav With Submenus From JavaScript: Website Left Nav With Submenus From JavaScript
• Website Top Nav With Submenus Built From Markup: Website Top Nav With Submenus Built From Markup
• Website Top Nav With Submenus From JavaScript: Website Top Nav With Submenus From JavaScript
• Website Left Nav Using Animation With Submenus Built From Markup: Website Left Nav Using Animation With Submenus Built From Markup
• Website Left Nav Using Animation With Submenus From JavaScript: Website Left Nav Using Animation With Submenus From JavaScript
• Website Top Nav Using Animation With Submenus Built From Markup: Website Top Nav Using Animation With Submenus Built From Markup
• Website Top Nav Using Animation With Submenus From JavaScript: Website Top Nav Using Animation With Submenus From JavaScript
• Context Menu: Context Menu
• Adding A Context Menu To A Table: Adding A Context Menu To A Table
• Adding A Context Menu To A TreeView: Adding A Context Menu To A TreeView
• OS-Style Programs Menu: OS-Style Programs Menu
• Application Menubar: Application Menubar
• Implementing ARIA Roles and States with Menu: This example demonstrates how use the WAI-ARIA Roles and States as implemented for Firefox 3 with the YUI Menu Control.

Other YUI Examples That Make Use of the Menu Family

• Context Menu Integration (included with examples for the DataTable Control (beta))
• Menu Buttons (included with examples for the Button Control)
• Split Buttons (included with examples for the Button Control)
• Color Picker Button (included with examples for the Button Control)
• Fixed Width Menu Button (included with examples for the Button Control)
• Slider Button (included with examples for the Button Control)
• Using the ProfilerViewer API while Profiling the YUI Menu Control (included with examples for the ProfilerViewer Control (beta))