Css Tree Example by Deluxe-Tree.com
Css Tree Example


Buy Now!  Free Trial Download

Menu Screenshots Css Tree Example

Css Tree Example Tree Top Navigation

Features Css Tree Example

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
Cost Effective
Tree Createpopup Css Tree Example
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css tree example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your css tree example menus easily and in no time
  • Sensible menu parameters for manual editing
Buy Now!  Free Trial Download

Javascript Tree Menu. Expandable Menu.

  • You can animation and effects for the javascript tree menu. These effects will make your menu more attractive and stylish. When you click on titles of submenus - submenus will collapse or expand. Submenus have a fade effect in Internet Explorer when you collapse/expand them, so your menus look like original menus in Windows XP Explorer. You can set different speed for an animation.

Recent Questions Css Tree Example

Q: I see "Incorrect Copyright" message in IE7.


A: Now you're using JavaScript Tree Menu v1.12.

You should upgrade you JavaScript Tree Menu to v2.0.
Please, download licensed files from the same link in your licensemessage.
How to upgrade to v2.00
---------------------------------------------------------------
You can download the licensed engine .js files from the same link in your license message. JavaScript Tree Menu v2.00 has new parameters and features.
To upgrade to v2.00 you should do the following.

Step 1.
1.1 For Windows users
a. Run Deluxe Tuner v2.0
(can be found in the trial menu package v2.0
http://deluxe-menu.com/deluxe-menu.zip).
b. Open menu data file (.js file where menu parameters are placed):
select File/OpenA
c. Save the file: select File/Save, then click "No" button when the dialog box appears.

1.2 For other OS users
a. Open menu data file (.js file where menu parameters are placed) in a text editor.
b. Make sure that the following variables exist in the data file:

  var keystrokes = 0;
  var dm_focus = 1;
  var dm_actKey = 113;

  var dynamic = 0;
  var smHideOnClick = 1;
  var itemAlignTop = 'left';
  var smSmartScroll = 1;

  var dmAJAX = 0;
  var dmAJAXCount = 30;
  var dmRTL = 0;
  var dmObjectsCheck = 0;
  var menuBackRepeat = "repeat";
  var menuHeight = "";
  var transDuration2 = 200;

If one of the variables doesn't exist - add it at the beginning of the file.

c. Save the file.

Step 2. Now open HTML-page that contains JavaScript Tree Menu.

Step 3. Replace existent tags of the menu by the following code:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>

Step 4. Save HTML-page.

Step 5. New engine v2.00 has 7 .js files.
They are:
- dmenu.js
- dmenu4.js
- dmenu_add.js
- dmenu_dyn.js
- dmenu_key.js
- dmenu_cf.js (new v2.00)
- dmenu_popup.js (new v2.00)

Replace all old .js files by the files from v2.00.

Try that.


Q: Will I be able to create javascript dynamic menu on my iMac G5? or is this just PC compatible software?


A: To create your menu on MAC you can use HTML version of Deluxe Tuner (for MAC OS). You can find it here:

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


Q: it's possible to use on every Item the OnMouseOver / OnMouseOut event?

move the mouse over a Menu !!!!!!


A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:

  var menuItems = [
["<div OnMouseOver='yourFunc()'>item text</div>"],
["<div OnMouseOut='yourFunc()'>item text</div>"],
];

Where yourFunc() is Javascript function.


Q: We are looking at JavaScript libraries for our website, and we liked what we saw with your product deluxe-tabs. However, we have a need for both horizontal and vertical tabs, as well as nesting tabs. We would like the vertical (and nested tabs) to have the same capabilities and features as the horizontal tabs. We notive the vertical tab image example, but that was all we could find. Are there more extensive examples that show the same functionality as the horizontal tabs? Is the product, as is, capable of the same functionality for both vertical and horizontal tabs?


A: See, to create vertical tabs you should add '$' symbol before the itemtext in the first item of the next row.

You can use templates, add '$' symbol and adjust some parameters.