GlideMenus

The HTML Structure

Menus

The structure is really simple:

• each menu has class "menu" and an unique id
• each menu is contained by an element with class "menuFrame"
• each menu's frame has the menu's id +"Frame"

Example

<!-- menu frame -->
<div id="productsFrame" class="menuFrame">

    <!-- menu -->
    <div id="products" class="menu">
   
     <!-- menu items (or other random html) -->
        <div><a href="#">Direct Vox</a></div>
        <div><a href="#">Mix Plus</a></div>
        <div><a href="#">EQ Master</a></div>

    </div>
    
</div>

Menu Contents

You can put anything you want inside a menu: Images, lists, tables. Anything.

Next in this tutorial: Event Handlers: Show and Hide Menus