Pop Goes the Menu  : Page 2

Build the Menu System
Its time to build the menu system. This example creates four menus with associated triggers, but the procedure works identically with any number of menus

   <div id="menuBar" class="menuBar"></div>
   <div id="About" class="menuTrigger">About Us</div>
   <div id="Services" class="menuTrigger">Services</div>
   <div id="Samples" class="menuTrigger">Samples</div>
   <div id="Contact" class="menuTrigger">Contact Us</a></div>
   <div id="mnuAbout" class="menu">
   <p>About 1</p>
   <p>About 2</p>
   <p>About 3</p>
   <p>About 4</p>
   </div>
   <div id="mnuServices" class="menu">
   <p>Services 1</p>
   <p>Services 2</p>
   <p>Services 3</p>
   </div>
   <div id="mnuSamples" class="menu">
   <p>Samples 1</p>
   <p>Samples 2</p>
   <p>Samples 3</p>
   <p>Samples 4</p>
   <p>Samples 5</p>
   </div>
   <div id="mnuContact" class="menu">
   <p>Contact 1</p>
   <p>Contact 2</p>
   <p>Contact 3</p>
   <p>Contact 4</p>
   </div>

Previous Page

Next Page

• Download The Code for this Article