Jquery Menutree by Deluxe-Tree.com
Jquery Menutree


Buy Now!  Free Trial Download

Menu Screenshots Jquery Menutree

Jquery Menutree Html Dropdown Tree

Features Jquery Menutree

Unrivalled Features
  • Scrollable, dragable, floating
  • 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".
Cost Effective
Javascript Tree Createpopup Jquery Menutree
Seamless Integration
  • 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
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
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • Runs well with an unlimited number of submenus and items
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • Use a mouse to move a menu as a usual window.
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes. After clicking on menu item selected item becomes highlighted.
  • There can be as many submenus as necessary. Any submenu in its turn can include different number of columns.

Recent Questions Jquery Menutree

Q: I installed licensed files, entered the key and now the menu appears broken.
You will see under the "Contact Us" image there is a gray line that makes it look broken. I am using IE 6.0.
The line doesn't appear in Firefox. What solution is there to this?

A: The line which you can see on your website is a shadow. You can see it only in IE.

Please see menu parameters, they contains:
  var shadowLen=3;

Try to write so:
  var shadowLen=0;
  var shadowColor="#777777";
  var shadowTop=1;


Q: I am trying to create a tab menu and I have some questions. I want a tab menu that has four tabs. Each tab is a different image, the normal and hover state uses the same image and the selected state uses a different image. This will be applied to all four tabs. All the tabs will not have any text on them because the image will already have text on it. This tab menu will not have a submenu but will use <div id> tags to populate information when a certain javascript menu master tab is selected.

I am having difficulty trying to create this type of tab menu to work with the Deluxe Tuner. Each time I try to make an image as a tab that image is applied to all javascript menu master tabs which I do not want. I want each tab to have a different image.

Please advice how I can do this.

A: If you want to use different images you should use Individual ItemStyles and assign them for your tabs.

  var bstyles = [
["bitemBackImage=deluxe-tabs.files/style04_n_back.gif,deluxe-tabs.files/style04_s_back.gif, deluxe-tabs.files/style04_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_n_left.gif, deluxe-tabs.files/style04_s_left.gif,deluxe-tabs.files/style04_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_n_right.gif, deluxe-tabs.files/style04_s_right.gif,deluxe-tabs.files/style04_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_2_n_back.gif,deluxe-tabs.files/style04_2_s_back.gif, deluxe-tabs.files/style04_2_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_2_n_left.gif, deluxe-tabs.files/style04_2_s_left.gif,deluxe-tabs.files/style04_2_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_2_n_right.gif, deluxe-tabs.files/style04_2_s_right.gif,deluxe-tabs.files/style04_2_s_right.gif"],

["bitemBackImage=deluxe-tabs.files/style04_3_n_back.gif,deluxe-tabs.files/style04_3_s_back.gif, deluxe-tabs.files/style04_3_s_back.gif","bbeforeItemImage=deluxe-tabs.files/style04_3_n_left.gif, deluxe-tabs.files/style04_3_s_left.gif,deluxe-tabs.files/style04_3_s_left.gif", "bafterItemImage=deluxe-tabs.files/style04_3_n_right.gif, deluxe-tabs.files/style04_3_s_right.gif,deluxe-tabs.files/style04_3_s_right.gif"],
];

  var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ], //style1
["Item 2","", "", "", "", "", "1", "", "", ], //style2
["Item 3","", "", "", "", "", "2", "", "", ], //style3
];



Q: Can I center the css dropdown menu on page?

A: You should set relative position for the menu:

  var absolutePos=0;

and place it in DIV or TABLE with center alignment.



Q: I'm trying out your cool dropdown menu code.

I'm trying to rebuild my menu like this one

http://deluxe-menu.com/data-templates/vista-style-3-03-template-sample.html

I have a problem. In my case, I have some really long labels and some short ones. In some cases my text is larger than the button (see attachment). In your example all the buttons have the same width. Is it possible to have a Vista styled menu with different width for the buttons?

A: See images in Vista Templates have the fixed width and height (92 x 21).

If you want to change items' width/height you should change images.

btn_cyan.gif
btn_cyan2.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

You should also change items width in your Individual Item Style.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];

You can do it in Deluxe Tuner.