Dhtml Hover Context Menu by Deluxe-Menu.com
Dhtml Hover Context Menu

Menu Screenshots

Dhtml Hover Context Menu Javascript Style Xp

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml hover context menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Crossbrowser Dhtml Menu Dhtml Hover Context Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your dhtml hover context menu menus easily and in no time
  • Sensible menu parameters for manual editing
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: Is it possible to open a specific tab using javascript in the horizontal tabbed?

A: You can try to use the following function:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.


Q: I created a tree menu based on your template Vista Style 7.

I would like to know if there are some possibilities to set the x coordinate of the submenus. I would like to have a tree menu with submenus which are not moving to the right when expanding the main menu but staying under it.

A: You can only try to use the following parameter to change submenuposition:

  var tlevelDX=0;



Q: Is it possible to have the "parent" item be purely an image but the dropdown portion of the menu being in regular text?

What we want to do is show emulate a basic text look for the main menu headings but the font is a special font so we have to use an image. When hovered over we'd like to replace the image (i.e do a rollover) with the same text but a different color.


A: Yes you can create such menu.
You should use images for the main items.

You should write your menu items in the following way:
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],


Q: I cannot see the arrow.gif's in my rollover drop down menu.

Here is my code:
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowWidthSub=0;
  var arrowHeightSub=0;
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Do I need to put the arrow's somewhere else?

A: You should check the following parameter:

  var pathPrefix_img="data-samples/images/";

Please check that you have the correct path to your aroows relative to the folder withindex.html file.

For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html

In menu.js file you should write:
  var pathPrefix_img="menudir/";
  var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
  var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];

or
  var pathPrefix_img="";
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];