Html Menu Bar by Deluxe-Menu.com
Html Menu Bar

Menu Screenshots

Html Menu Bar Javascript Slide Down Menu

Features

Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Flyout Menu Html Menu Bar
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your html menu bar menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: The navigation menus shows up behind the YouTube videos instead of the front

A: You should add opaque parameter to object and embed tags. So set your video in thefollowing way:

<object width="445" height="364">
<param name="movie" value="http://www.youtube-nocookie.com/v/tXdWj-teINc&hl=en&fs=1&rel=0&color1=0x2b405b&color2=0x6b8ab6&border=1">
<param name="allowFullScreen" value="true">
<param name="wmode" value="opaque">
<param name="allowscriptaccess" value="always">
<embed src="islam-supports-child-marriage-rape-and_files/tXdWj-teINchlenfs1rel0color10x2b405bcolor20x6b8ab6border1.swf" wmode="opaque" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="445" height="364">
</object>

Q: I have published on a test page you can see herebelow a test with the javascript pull down menu.

With IE, it works fine, the menu is displayed over the flash animation.

With Firefox, the flash animation disappears and comes back if I mouve the mouse out of the menu.

I have read the FAQs, but I can not see any document on this. Can you help me in understanding and solving the problem ?

A: You should add opaque parameters to OBJECT and EMBED tags.

You can find more info on this issue here:

http://www.deluxe-menu.com/objects-overlapping-sample.html



Q: How do I get the content to refresh when I click on a tabs javascript?
On the following URL how did you get the body content into eachtab?


A: See, for each item you should assign the ID property of the content DIV.

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>


Q: How do I set just one sub menu link to open in a new window for the css dhtml menu
when the rest is set to _self ?

A: You can set item's target for each item individually:

["Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif",
"", "Home Page Tip", "_blank", "", "", "", ],