Javascript Dropdown Menu Element by Deluxe-Menu.com
Javascript Dropdown Menu Element

Template:






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Inactive/Disabled items
    - Submenus automatically scrolls
    - Filters and Transitional effects
    - Unlimited number of sub levels
    - Submenus dropdown on mouseover
    - Status string shows item labels
    - 85% transparency for sub menus




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

Menu Screenshots

Javascript Dropdown Menu Element Html Form 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
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!
Menu Html Dhtml Source Code Javascript Dropdown Menu Element
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript dropdown menu element 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 javascript dropdown menu element samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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

Recent Questions

Q: 1: For the deluxe-menu, can I keep a submenu shown even when my mouse pointer is NOT over the submenu anymore (besides the delay functions?) and hides only after a mouseclick somewhere (like the Microsoft menu of outlook)?

2: Is there a way to use the smartscrolling function (for a vertical menu) on the MAIN menu instead of only for the submenu's?


A: 1) Unfortunately, you can't do it.
You can use Deluxe Tree,
http://deluxe-tree.com

2) Yes, you can't use scrolling in the main menu. But if you have verylarge menu you can use multilevel menu,
http://deluxe-menu.com/multilevel-menu-sample.html

Theoretically we can do scrolling in the main menu, but we think that it will be better touse multilevel menu in that case.


Q: I need to know if separate coloring of main items is possible in slide drop down menu.

A: You can create Individual Item styles and assign it for the top items,for example:
  var itemStyles = [
["itemBackColor=#8080FF,#FFFF80","itemBorderStyle=solid,solid","itemBorderColor=#000080,#FF8000"],//style0
["itemBackColor=##FFFFF,#000000","itemBorderStyle=solid,solid","itemBorderColor=##AA0000,#0000EE"],//style1
];

  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style0
["Item 2","", "", "", "", "", "1", "", "", "", "", ], //style1
 ["|Item 3","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 4","", "", "", "", "", "", "", "", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", "", "", ], //style0
 ["|Item 7","", "", "", "", "", "", "", "", "", "", ],
 ["|Item 8","", "", "", "", "", "", "", "", "", "", ],
["Item 6","", "", "", "", "", "1", "", "", "", "", ], //style1
];

You can find more info about individual item styles here:
http://deluxe-menu.com/individual-item-styles-info.html

Q: Is it possible to make the menuitems rightclickable in the latest version of javascript dhtml menu. I want to rightclick on the dropdown item and choose open in new window.

A: No, there is no such a feature in Deluxe Menu v3.2.7.

You can write your item in the following way:
 ["|<a href='http://www.domain.com'>test test test</a>",""],

But you should assign style for this link.
A.link {
...
}
A.link:hover {
...
}

Q: I got the menu to display across frames, but it displays differently in Firefox & Mozillavs. Internet Explorer. Is that to be expected?

In The Mozilla-based browsers, the submenu butts right upunder the main menu – which is how I want it. In IE, it is about 10 pixels below.

Also, I can’t get the submenus to drop down directly under the main menus – they are offset by about 100 pixels to the right.

A: The problem is in a structure of your frameset.
Mozilla browsers can't determine absolute coordinates for a frame, sosubmenus drop down with an offset.

You should create the following frameset structure:

--|------------
   | menu
--|------------
   |
   | submenus
   |

Now a top row has 2 columns and all browsers can determine awidth of the 1st column in the second row.



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