Javascript Pour Drop Down Menu by Deluxe-Menu.com
Javascript Pour Drop Down Menu

Menu Screenshots

Javascript Pour Drop Down Menu Xp Menu Graphics

Features

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript pour drop down menu menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Moving Menus Javascript Pour Drop Down Menu
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
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript pour drop down menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

Recent Questions

Q: Is there a different type of menu, other than the way I have it set up, such as the tree type, that might load faster or take up less space when the page loads?


A: You should set
  var dmAJAX=1;
create .js files with your submenus and call this files from your mainfile, for example:

  var menuItems = [

["Home","testlink.htm"],
["Product Info","", , , , , , , "data-samples/data-ajax2.js", ],
["Samples","", , , , , , , "data-samples/data-ajax3.js", ],
["Purchase","testlink.htm"],
["Contact Us","testlink.htm"],
];

/*** data-ajax2.js ****/
  var menuItems = [
["Features","testlink.htm"],
["Installation",""],
["Parameters Info","testlink.htm"],
["Dynamic Functions","testlink.htm"],
["Supported Browsers",""],
];

Add dmenu_ajax.js file in the same folder with your dmenu.js file.

Try that.


Q: How can I set the top-level menu items of the html pop up menu to be transparent?

A: You should create Individual Item and Submenu styles with transparent itemBackColor and assign it for the top items:

  var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderWidth=0","fontColor=#000000,#000000"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0"],
];


Q: Can you tell me the difference between a target and a link.

Also can you explain what self, blank, top, parent, search and custom mean in the javascript menu table please.

A: Link is the url you want to open when you click on the javascript menu table item.

Target controls where you'll open your link:
"_self" - open link in the same window
"_blank" - open link in the new window
"_parent" - will load the linked document where the inner frameset file had been
"_top" - loads the linked document in the topmost frame
custom - you should write here the name of the frame where you want to
open the linked document, for example:
"framename"
"_search" - this target causes the link to load in the browser's Search pane. (Internet Explorer 5.0 and later.)

You can find more info here:
http://www.htmlcodetutorial.com/linking/_A_TARGET.html



Q: Please go to my website. I'm trying to getthe dhtml popup menu aligned to the right. I thought I could trick it by telling the CSS to alight the text to the right but that didn't work. Can you make a suggestion on how I can do this?

A: Try to install your tabs into the table with right alignment, for example:

<table width='100%'>
<tr>
<td align="right">
<script type="text/javascript" src="test_files/tdata.js"></script>
</td>
</tr>
</table>