Smart Dhtml Menus Samples by Deluxe-Menu.com
Smart Dhtml Menus Samples

Template:

Dark Menu Template - Clickable Menu





    - Filters and Transitional effects
    - Relative/Absolute menu position
    - Image arrows
    - Several menus on one page
    - 85% transparency for sub menus
    - Status string shows item labels
    - Horizontal or vertical orientation
    - Submenus dropdown on mouseover




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Smart Dhtml Menus Samples Javascript Example Of Vertical Menu

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your smart dhtml menus samples menus easily and in no time
  • Sensible menu parameters for manual editing
Menus Desplegables Con Submenus Dhtml Smart Dhtml Menus Samples
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed smart dhtml menus samples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I cannot get the separator image to display in my dhtml right click menu. Is there a setting I am missing? I want to separate the main menu items with an image.

A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical dhtml right click menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];



Q: Why can't I have more than 5 buttons in Vista 1?

If I add any the color proporties do not show up.


A: You should assign Individual style to the new item.

Please, click on the new item.

In the window "Item Parameters" you should assign to Item Style"Top Item".


Q: I recently downloaded the trial version of Deluxe Menu-Deluxe Tree and Deluxe Tabs. I am very, very pleased with your product!! I wish to purchase Deluxe Menu & Tree & Tabs & Popup Window & Calendar Single Website License Product # 300094393.
However, before I do, I have a few questions first.

Question #1
I created a DeluxeTree Menu that is very large due to the amount of pages in my website and tested it on my website. It works fine. Of course I have created and saved a .js file and still have to add much more submenus to it. When I purchase the full version of javascript context menu will and begin to modify this .js file that I created will the "Trail Version" logo disappear? I hope so because it would be quite a task to have to re-create this file.

Question #2
I also created a Deluxe Menu in a cross frame structure and placed the menu in the top frame. When I tested it and click on the menu button, the submenus drop down but do not appear in the frame below. They remain in the top frame forcing me to resize the top frame to see the submenus. When I viewed the example on your website for the cross frame structure, the examples show the submenus overlapping and appearing on the frame below the top frame. How do I fix this?

Thank you for time, looking forward to purchasing your product.

A: 1) There is no need to create your javascript context menu after the purchase.
You'll use new engine files only.
The purchased version of Deluxe Menus doesn't have nag messages.
You'll see "Incorrect Key" message on a local machine but you won't see it on a registered domain.

2) You should install the menu in a cross-frame mode, see more info here:
http://www.deluxe-menu.com/cross-frame-mode-sample.html
Click "Show additional info" button.


Q: Where do I increase the width of the javascript menu bars for each entry? Some of my links are a bit longer than the image and it's causing it to use part of another gif to cover it. Sorry not sure if I even explained that right. Let me know if this makes sense.

A: I suppose that you're using Vista style templates.

The width of vista images is 94px. If the width of your menu itemis wider than 94px you should correct the width of the images in anygraph editor, for example in Photoshop. You should set the width ofthese images 120px and set the following parameter:

  var itemStyles = [
["itemWidth=120px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=bold 10pxTahoma","fontColor=#FFFFFF,#F8FF95","itemBackImage=columbine.files/btn_orange.gif,columbine.files/btn_orange2.gif"],
];

You can also try to use the following parameter to use combinedbackground for your items:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';



Buy Now!   ::  Free Trial Download   ::  More Info