Example 4
Add a submenu to button 2 of the previous submenu.

In this example we build upon the previous example by adding a submenu with three buttons to the second item on the newly created submenu (Item 5). First we define the submenu properties (menu3 param), then define the items (param's item6, item7 and item8) and finally add this submenu to item 5.

And here is the html code,

<applet code="MenubarApplet" archive="AdvMenubar.jar" width="300" height="30" mayscript>
<param NAME="cabbase" VALUE="AdvMenubar.cab">

<param name="backgroundColor" value="0,0,0">

<!-- Menu's -->
<param name="menu1" value="root|100|30|0|255,255,255">
<param name="menu2" value="submenu|120|30|0|255,0,0">
<param name="menu3" value="submenu2|120|30|0|0,255,0">

<!-- Item's -->
<!-- Menu Id | Submenu Id | Background color | Arrow color | Divide line | Mouseover bg color | Mouseover text color | Mouseover effect | Mouseclick bg color | Mouseclick text color | Mouseclick effect | Border effect | Normal image | Mouseover image | Mouseclick image | Image position | Item text | Text position | Text color | Text font | Url | Target frame | Sound - Submenu open | Sound - Submenu close | Sound - Button click | Status bar message -->

<param name="item1" value="root| |57,156,255|0,64,128|false|0,97,193|170,213,255|2|0,97,193|170,213,255|0|1|home|home2| |3,3|Item One|30,20|0,64,128|Helvetica,N,12">
<param name="item2" value="root|submenu|57,156,255|0,64,128|false|0,97,193|170,213,255|2|0,97,193|170,213,255|0|1|online|online2| |3,3|Item Two|30,20|0,64,128|Helvetica,N,12">
<param name="item3" value="root| |57,156,255|0,64,128|false|0,97,193|170,213,255|2|0,97,193|170,213,255|0|1|select|select2| |3,3|Item Three|30,20|0,64,128|Helvetica,N,12">

<param name="item4" value="submenu| |57,156,255|0,64,128|false|0,97,193|170,213,255|2|0,97,193|170,213,255|0|1|world|world2| |3,3|Item Four|30,20|0,64,128|Helvetica,N,12">
<param name="item5" value="submenu|submenu2|57,156,255|0,64,128|false|0,97,193|170,213,255|2|0,97,193|170,213,255|0|1|look|look2| |3,3|Item Five|30,20|0,64,128|Helvetica,N,12">

<param name="item6" value="submenu2| |57,156,255|0,64,128|false|0,97,193|170,213,255|2|0,97,193|170,213,255|0|1|doc|doc2| |3,3|Item Six|30,20|0,64,128|Helvetica,N,12">
<param name="item7" value="submenu2| |57,156,255|0,64,128|false|0,97,193|170,213,255|2|0,97,193|170,213,255|0|1|select|select2| |3,3|Item Seven|30,20|0,64,128|Helvetica,N,12">
<param name="item8" value="submenu2| |57,156,255|0,64,128|false|0,97,193|170,213,255|2|0,97,193|170,213,255|0|1|online|online2| |3,3|Item Eight|30,20|0,64,128|Helvetica,N,12">

<!-- Images -->
<param name="image1" value="home|./IconImages/home.gif">
<param name="image2" value="home2|./IconImages/home2.gif">
<param name="image3" value="online|./IconImages/online.gif">
<param name="image4" value="online2|./IconImages/online2.gif">
<param name="image5" value="select|./IconImages/select.gif">
<param name="image6" value="select2|./IconImages/select2.gif">
<param name="image7" value="look|./IconImages/look.gif">
<param name="image8" value="look2|./IconImages/look2.gif">
<param name="image9" value="doc|./IconImages/doc.gif">
<param name="image10" value="doc2|./IconImages/doc2.gif">
<param name="image11" value="world|./IconImages/world.gif">
<param name="image12" value="world2|./IconImages/world2.gif">

</applet>

 

Next Example - Click Here.