Free Vertical Sliding Menu Submenu by Deluxe-Menu.com
Free Vertical Sliding Menu Submenu

Menu Screenshots

Free Vertical Sliding Menu Submenu Javascript Dinamic

Features

Cost Effective
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Web Page Menus Java Free Vertical Sliding Menu Submenu
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 free vertical sliding menu submenu 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.

  • 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.

Recent Questions

Q: I played with it and I got the tabs java script horizontal menu to work. but having problems with them:

1. I want the tabs to open when you mouse over them, not when you click. Is it possible to do this?

2. I want the tabs to close when your mouse leave them. Can I do this?

3. It keeps saying "Incorrect key" when you click on them. Is it possible to fix them?

A: No, unfortunately it is not possible in Deluxe Tabs.

But you can use Deluxe Menu to create such java script horizontal menu.

To create such menu you should set the following parameters:

  var smOrientation=1; //horizontal orientation of submenus
  var subMenuAlign="pleft"; //submenu position (left align)
  var smHidePause=-1; //your submenus won't be hidden till you click orscroll the page.

"Incorrect Key" message means that you didn't paste your reg. key into data.js filewith your menu.

You should paste your key parameter into .js file where your java script horizontal menuparameters (vars) and items (  var bmenuItems) are placed.You should paste the following code at the beginning of the file:

/*
Deluxe Menu Data File
Created by Deluxe Tuner v3.2
http://deluxe-menu.com
*/

  var key="XXXXXX";

// -- Deluxe Tuner Style Names

Where XXXXX the key from your license message.
Try to clear also browser cache.

Notice your key will work on registered domain only. It won't work onlocal machine.



Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.

Your solution refers to creating absolute paths using
  var pathPrefix_img = "http://domain.com/images/";

I have implemented this solution but I still think the problem persists.


A: Now you set pathPrefix parameter:
  var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";

And you have such images paths, for example:
  var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];

So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif

It is not right.

You should write your paths so:
  var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];

Please, correct it.


Q: I am having trouble changing a template of dhtml drop down menu code. I am using the
http://deluxe-menu.com/data-templates/image-based-1-template-sample.html,
and I want to add more items to the top menu, however when I add an item, it doesn't follow the format of the existing items.


A: See, we use Individual Item Styles for the top items in this template.
For, example select the "CONTACTS" item on the main window.

In the "Item Parameters" window you can see Individual Styles assignedfor this item:

Item Style - Style1
Icons / Normal - images/spacer.gif

When you add the new item you should assign Individual Styles for itand add icon in the same way.

That is all.


Q: Hi- I'm having a problem with a really wide horizontal code drop down menu. Rather than have it be so wide (due to the large number of items in it) we want it to wrap into a new row underneath the top so a visitor to the site doesn't have to use the scroll bar to scroll to the right to see the whole menu.

A: You can use multicolumn feature of Deluxe Menu, see example

http://deluxe-menu.com/multicolumn-menu-sample.html

or
Smart Scrolling

http://deluxe-menu.com/scrollable-submenus-sample.html