Umbraco Dropdown Navigation by Deluxe-Menu.com
Umbraco Dropdown Navigation

Menu Screenshots

Umbraco Dropdown Navigation Vertical Cascade Menu Css Javascript

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your umbraco dropdown navigation menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed umbraco dropdown navigation samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Dynamic Website Menu Umbraco Dropdown Navigation
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!
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: I have to pass dynamic value from the link when the user click the mouseover menu.

A: Actually you can use your own Javascript code instead standard links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];

or

  var menuitems = [
["<div onClick='your_code_here'>item text</div>", ""]
];




Q: Can I use my own images as the tabs in a dreamweaver navigation bar?

A: The Drop down menu items have the following structure:
  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

Where iconNormal, iconOver - Icons of an item: icon in normal state, icon in mouseover state.

So you can set your menu items in a such way:

  var menuItems = [
["","testlink.htm", "icon1.gif", "icon1o.gif"],
["","", "icon2.gif", "icon2o.gif"],
 ["|","testlink.htm", "icon3.gif", "icon3o.gif"],
 ["|","testlink.htm", "icon4.gif", "icon4o.gif"],
 ["|","testlink.htm", "icon5.gif", "icon5o.gif"],
["","testlink.htm", "icon1.gif", "icon1o.gif"],
];

Q: I have recently downloaded your menu, I love, and am definitely going to purchase it, however i do have a question, I made my site with dreamweaver mx, and it is designed in a series of tables, the main table is 3 column and on row, stretched at 100% width and length, the other tables are nested inside the middle column, I am trying to get the menu in the left column to float, I have read some of the other post in the support section, and I was wondering if their could be any <div> anywhere on the page or just before and after the menu script code?

here is the way my code is before and after the script code

<td width="17%" align="left" valign="top" background="images/LPback.png">
<script type="text/javascript" src="data.js"></script>
</td>
this defines the column in which I want the menu to be,

here is my code for the floatable menu
//--- Positioning
  var tabsolute=1;
  var tleft="0px";
  var ttop="205px";

//--- Floatable Menu
  var tfloatable=1;
  var tfloatIterations=10;
  var tfloatableX=1;
  var tfloatableY=1;


A: You should add the following parameter:

<script type="text/javascript">  var tWorkPath="data.files/";</script>

See more info about installation here:
http://deluxe-tree.com/installation-info.html

You should also add dtree_add.js file in the "data.files/" folder.


Q: The only problem I still have is with Netscape and Firefox users...the down javascript menuis not centered on their pages...what can I do to remedy this??
Any suggestions??

A: Try to set exact width in "px":

  var menuWidth="500px";