Free Webmaster Resources .info | A complete Javascript Library.

Javascript Library - Cascade menu

<!-- THREE STEPS TO INSTALL CASCADE MENU:

1.  Copy the coding into the HEAD of your HTML document
  2.  Add the onLoad event handler into the BODY tag
  3.  Put the last coding into the BODY of your HTML document  -->

<head>

<font color="#800080"><b>Sample Menu</b></font><p><p><p><p><p><p><p><p><p></p>
<div id="menuBar" class="menuBar" >
    <div id="Bar1" class="Bar"  menu="menu1">Menu #1</DIV>
    <div id="Bar2" class="Bar"  menu="menu2">Menu #2</DIV>
    <div id="Bar3" class="Bar"  menu="menu3">Menu #3</DIV>
    <div id="Bar4" class="Bar"  menu="menu4">Menu #4</DIV>
</DIV>

<div id="menu1" class="menu" >
   <div id="menuItem1_1" class="menuItem"  menu="menu6">SubMenu #1</div>
   <div id="menuItem1_2" class="menuItem" title="JavaScripts" cmd="http://www.free-javascripts.com">FreeJavaScript</div>
   <div id="menuItem1_3" class="menuItem" title="WDVL" cmd="http://www.free-html-scripts.com">Html Scripts</div>
</div>
<div id="menu2" class="menu">
   <div id="menuItem2_1" class="menuItem">Page #1</div>
   <div id="menuItem2_2" class="menuItem">Page #2</div>
   <div id="menuItem2_3" class="menuItem">Page #3</div>
</div>
<div id="menu3" class="menu">
   <div id="menuItem3_1" class="menuItem">Page #1</div>
   <div id="menuItem3_2" class="menuItem">Page #2</div>
   <div id="menuItem3_3" class="menuItem">Page #3</div>
   <div id="menuItem3_4" class="menuItem" menu="menu5">SubMenu #4</div>
</div>
<div id="menu4" class="menu">
   <div id="menuItem4_1" class="menuItem">Page #1</div>
   <div id="menuItem4_2" class="menuItem">Page #2</div>
   <div id="menuItem4_3" class="menuItem">Page #3</div>
   <div id="menuItem4_4" class="menuItem">Page #4</div>
</div>
<div id="menu5" class="menu">
    <div id="menuItem5_1" class="menuItem">Page #4-1</div>
    <div id="menuItem5_2" class="menuItem">Page #4-2</div>
    <div id="menuItem5_3" class="menuItem">Page #4-3</div>
</div>
<div id="menu6" class="menu">
    <div id="menuItem6_1" class="menuItem">Page #1-1</div>
    <div id="menuItem6_2" class="menuItem">Page #1-2</div>
    <div id="menuItem6_3" class="menuItem" menu="menu7">SubMenu #1-1</div>
</div>
<div id="menu7" class="menu">
    <div id="menuItem7_1" class="menuItem">Page #1-1-1</div>
    <div id="menuItem7_2" class="menuItem">Page #1-1-2</div>
    <div id="menuItem7_3" class="menuItem">Page #1-1-3</div>
</div>

Back | Free Webmaster Resources .info

Free Email
Your source to free email.

Free Casino Downloads
Contains useful free casino downloads.

Free Software Downloads
A complete collection of free software downloads.

Free
Download free stuff from psike.com your free stuff resource.

Free Teen Online Dating
Meet other singles for free online dating.

Coolfreeweb.com
The Free category at coolfreeweb.com

My Directory Listing
A massive directory listing of websites

Website Collation Project
The website collation project contains a huge directory of websites.

Free Webmaster Resources .info | Javascript Library

Javascript Library - Cascade menu