Vertical Hover Menu Editor by Deluxe-Menu.com
Vertical Hover Menu Editor

Template:






    - Hundreds of pre-designed templates
    - Personal CSS styles for separate menu elements
    - Items with icons
    - Submenus go over all page objects
    - Submenus dropdown on mouseover
    - Inactive/Disabled items
    - Submenus automatically scrolls
    - Sound support!




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

Menu Screenshots

Vertical Hover Menu Editor Sliding Menu Bar

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

Features

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 vertical hover menu editor menus easily and in no time
  • Sensible menu parameters for manual editing
Mouse Over Javascript Vertical Hover Menu Editor
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 vertical hover menu editor 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: There is a grey line that surrounds my menu (its on a page with black background. How do I get rid of the grey line?


A: See, you set the shadow for the top items and submenus

  var shadowLen=2;
  var shadowColor="#C4C4C4";
  var shadowTop=1;

You should set

  var shadowLen=0;
  var shadowColor="#C4C4C4";
  var shadowTop=0;


Q: I am able to create the simple navigation bar but can't seem to get it to work in Yahoo SiteBuilder.

A: Deluxe Menu wasn't developed as Yahoo SiteBuilder/Dreamweaver/Frontpage extension
and wedon't have plug-ins for it.

To install the menu into your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner
(you can use "File/Save as/HTML" function).

You can enter any name you like, for example enter "menu".
So you'llhave menu.html, menu.js files and "menu.files" folder with all menu files.

2. open your .html page in Dreamweaver

3. Copy generated menu.js file and "menu.files/" folder in the same folderwith your index.html page.

4. Open generated menu.html in any text editor and copy several rows of code (<script> tags),
For info see:http://deluxe-menu.com/installation-info.html

<head>
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menu.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="menu.js"></script>
...
</body>

That's all.



Q: I am using XP style tree menu and would like to have top level menu item with no submenu items. However, the right double arrow icon still show up. Is there a way to hide it for the item without submenu items in css javascript tree menu?

See the attached document, I want to remove the double arrow icon at right for "Mission Statement", "History", "Direction" and "Contact Us".

Any help will be appreciated.

A: You can create Individual XP Style and use it for items with submenus:

  var tXPExpandBtn=["left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif","left.files/blank-arrow.gif"];

  var tXPStyles = [
["tXPExpandBtn=left.files/menu-arrow.gif,left.files/menu-arrow.gif,left.files/menu-arrow01.gif,left.files/menu-arrow01.gif"],
];

and assign this style for all top items with submenus:

["Home","", "", "", "", "", "", "0", "", "", ],
["+Company Profile","", "", "", "", "", "", "0", "0", "", ], //style 0
 ["|Item 25","", "", "", "", "", "", "1", "", "", ],
 ["|Item 26","", "", "", "", "", "", "1", "", "", ],
["+Projects","", "", "", "", "", "", "0", "0", "", ], //style 0
 ["|Item 27","", "", "", "", "", "", "1", "", "", ],
 ["|Item 28","", "", "", "", "", "", "1", "", "", ],

Q: I am using Deluxe-menu 3.0.

I can add dhtml popup menu items and submenu items. Each new sub menu item is placed at the bottom of that list. How can I move it up in the listing.

For instance if my menus are:

2007
2006
2005
2004

and I add 2008 - it will be placed below 2004, but I want it at the top of the list. Each item in the list has multiple subitems, so I don't want to delete the other items to get it in the correct order.

I looked through your help file, FAQ and online questions and could not find an answer.

A: To move items select items you want and use a mouse drag'n'drop method.

To copy dhtml popup menu items select those you want and use a mouse drag'n'drop method holding a Ctrl key.

You can find this info in Tuner's help, "Main Window" sheet.



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