Template:

Light Menu Template - DHTML Popup Menu

    - Unlimited number of sub levels
    - Horizontal or vertical orientation
    - Submenus dropdown on mouseover
    - UL/LI items structure
    - Search feature - add the search area in the menu and type symbols.
    - Sound support!
    - Top items and submenus have a shadow
    - Visible over select boxes, iframes, pdf, flash, Java applets.

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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 manual context menu enhancer menus easily and in no time
Sensible menu parameters for manual editing

Javascript Folder Manual Context Menu Enhancer

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!

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed manual context menu enhancer samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

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

2.0 Buttons by Web-Buttons.com v3.0.0

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

Javascript Menu. DHTML Menu.

Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
Opportunity to control the menu from the keyboard.
Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

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

Recent Questions

Q: How do I add content to each tab in the hover tab menu so that the content will appear on this same page
(as opposed to having to move to another page)?

A: You should paste your content in the <div> ..

tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>
</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

See in Deluxe Tabs there are two modes:

1. var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2. var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
["|Link 1_1","http://deluxe-tabs.com", "", "", "", "", "0", "", "", ],
["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],

Q: I have used the menu features many times and am used to having the code to be inserted into the html page provided when the project is saved.
I have successfully created my first popup window (not the popup menu) which I want to use for text information to open when a text is clicked.
The preview has this working fine but when I saved the project there was no code created to install on the site and I cannot find directions within the program or at your website.
Please advise on how to install a created javascript popup window to an XHTML page linked to text.

A: For example you want to open your popup window when you click the link on your page.

You should do the following:
1) Open your page (for example index.html page) in any text editor.
Add link in the place where you want to have it and specify the ID (for example: win1) for it, for example:

<a href="javascript:;" id="win1">Click Here to see a window</a>

2) Create a popup window in Deluxe Tuner. Add your content.
You can use HTML content, Iframe (url) or any object on your page as popup windows content - Object ID.
For example select HTML content (winContent parameter in the 'Common' section) and add the content in HTML Content window, for example:

<div style="text-align:center;"><b>Sample content</b></div>

This is a simple HTML code for content. Here you may also set link to content page or ID of some element.

3) In the 'Actions' section specify the id of your link (win1) for the onClick event.
See the attached screen.gif.
4) Select the template you want to use.
5) Export your popup window to HTML page. File -> Export -> To HTML. Save it in any testfolder.
So, you'll have:
deluxe-popup-window.files/
deluxe-popup-window.html
deluxe-popup-window.js

6) Open the generated deluxe-popup-window.html file in any text editor.
Copy all code for Popup window and paste it in the beginning of the <body> tag:
...
<body>

<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>


7) Copy 'deluxe-popup-window.files/' folder and deluxe-popup-window.js file into the samefolder with your index.html (root folder of your website).

Q: My menu does not work with IE7 (I don't know if it works with IE6) but it works perfectly in FF and Netscape. HELP!!!

A: You have several errors in your data file.

Please, check that you don't have additional spaces in yourparameters.

For example:
var fontColor=["#F3E398 ","#F3E398 "];
var itemBackColor=["#43597E","#9B1313 "];
"fontColor=#F3E398 ,#F3E398 "

Q: I need your help. I built a menu with your software, and I followed all your instructions on placing it on my web page, but it's not working. The drop down menu in javascript will not go into its table cell. I have a flash banner in the cell above it, and the menu seems to be behind that banner, but the menu is not even inside the table.

I also tried placing the drop down menu in javascript on another page where I do not have a flash banner, but it doesn't show up at all.

A: You've set absolute position for the drop down menu in javascript
  var absolutePos=1;
  var posX="100px";
  var posY="200px";

You should set:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";

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