Ajax Collapsible Menu Tree by Deluxe-Menu.com
Ajax Collapsible Menu Tree

Menu Screenshots

Ajax Collapsible Menu Tree Java Navigation Bar Example

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
Cost Effective
Menus Over Frame Using Javascript Ajax Collapsible Menu Tree
Easy Setup
  • De Luxe Tuner. GUI interface to create your ajax collapsible menu tree menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed ajax collapsible menu tree samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: Can I just ask what the maximum KB size should be for a Data.js file for a webpage?

At the moment Vehicle_data_2.js is 24.7KB and growing as I add more data, what would you recommend as the largest size to sensibly use?


A: 24.7KB is the normal size of the file. But if you think that it isvery large you can try to use AJAX-technology to divide this file.

http://www.deluxe-menu.com/ajax-technology-menu-sample.html


Q: How do I set just one drop down menu hyperlink to open in a new window when the rest is set to _self?

A: You can set item's target for each item individually:

["Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "_blank", "", "", "", ],



Q: Where do I add my "blahblah.htm" page links in js menu?
Copy of menu data below. I assume it is between the first pair " " but not sure about all the , , , , , "0" etc following.

["Home","", , , , , "0", , ],

    ["Contact","blahblah.htm", , , , , "0", , ],

         ["|Hosts","", , , , , , , ],

A: You're right, the following syntax is correct:

["Contact","blahblah.htm", , , , , "0"]

Here is the format for a menu item:

["text", "link", "icon1", "icon2", "tip", "target", "styleIndex"]

Please, try to use Deluxe Tuner application to configure your menu:

http://deluxe-menu.com/deluxe-tuner-info.html



Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):

  var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];

  var afterItemImageW=8;

  var afterItemImageH=7;

As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?

A: You should create Individual style and assign it for the top access drop down menu items:

  var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];