Flex Menubar Mouseover Dropdown by Deluxe-Menu.com
Flex Menubar Mouseover Dropdown

Menu Screenshots

Flex Menubar Mouseover Dropdown Xp Side Bar

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your flex menubar mouseover dropdown menus easily and in no time
  • Sensible menu parameters for manual editing
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Tutorial Drop Down Menu Html Flex Menubar Mouseover Dropdown
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed flex menubar mouseover dropdown samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.

Recent Questions

Q: Hi- I'm having a problem with a really wide horizontal code drop down menu. Rather than have it be so wide (due to the large number of items in it) we want it to wrap into a new row underneath the top so a visitor to the site doesn't have to use the scroll bar to scroll to the right to see the whole menu.

A: You can use multicolumn feature of Deluxe Menu, see example

http://deluxe-menu.com/multicolumn-menu-sample.html

or
Smart Scrolling

http://deluxe-menu.com/scrollable-submenus-sample.html



Q: Thank you for your help, I have downloaded the updated link the .js files are there. I have been using the tuner and was wondering how to change the colors of the main menu bar. I have selected a template that we like (Vista 3, #5), but it isn't quite the right shade of green. I have figured out how to change the colors of all of the "sub" menus, but I don't see where to change the main menu bar. Is this possible, if so, where do I make the change(s)?


A: Top menu items in Vista styles use images as backgrounds. You cannotchange its color in Deluxe Tuner.

You should change the image color. You can do it in any Graph Editor,for example PhotoShop.


Q: I'm using the trial version of your product and have a question for you before purchasing:

How do I show different content when selecting the different dhtml layer menu tabs?

For example, when I use the Windows Forms tab control in VB .NET, there's more to the tab control than just the dhtml layer menu tabs themselves...there's also the "body" of each individual tab that changes when I select different tabs.
Does your product do the same?

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["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. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" 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>

<div id="contentDescription" 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 description here!!!!!
</div>



Q: Can we right justify the secondary nav?
If so, can you send instructions on how. Thanks.


A: You should set the following parameters:

  var titemAlign = "right";
  var ticonAlign = "right";