MenuNav Node Plugin: Basic Top Nav
+ ++
+This example demonstrates how to create a traditional, two-column page layout +(using Grids) with top navigation featuring drop-down menus. +
+ + + + ++ + + View example in new window. + + +
+ + +Setting Up the HTML
+
+Begin by including the CSS Grids dependencies and placing
+the markup for the two-column Grid on the page (this example uses the
+100% Centered Page Width with the
+Preset Template 1 that provides a 160px left column).
+Add the markup for the menu to the right column of the grid, and the class yui-skin-sam
+to the <body>.
+
+The root menu of menus built using the MenuNav Node Plugin can have a verical or horizontal
+orientation. The default orientation for menus is vertical, but can be easily switched to
+horizontal by applying a class of yui-menu-horizontal to the node representing the
+root menu's bounding box, as illustrated below:
+
Initializing the Menu
+
+With the menu markup in place, retrieve the Node instance representing the root
+menu (<div id="productsandservices">) and call the
+plug
+passing in a reference to the MenuNav Node Plugin.
+
<div id="productsandservices">) is ready to be scripted.
+