Tree Menu Styles by Deluxe-Tree.com
Tree Menu Styles

Template: Tree Menu Styles

XP Style Olive Floatable Menu Tree

Floating Menu Tree
- When the page is scrolled the menu remains visible (parameter: var tfloatable).
   Try to scroll the page.
- The menu can "float" along one or two coordinate axes with different speed
   (parameters: var tfloatableX, var tfloatableY, var tfloatIterations).

Key features:

    - Submenus have a fade effect
    - Items with icons
    - Several menus on one page
    - Submenus expand/collapse on mouseover
    - Submenus automatically scrolls
    - Personal CSS styles for separate menu elements
    - Relative/Absolute menu position
    - Vertical orientation of the Tree Menu





Buy Now!  Free Trial Download

Menu Screenshots Tree Menu Styles

Tree Menu Styles Tree Create Pull Down Menu

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

Features Tree Menu Styles

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".
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
Tree Tendina Tree Menu Styles
Cost Effective
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed tree menu styles samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Buy Now!  Free Trial Download
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable 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 Javascript/DHTML Tree Menu!

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

Recent Questions Tree Menu Styles

Q: I ordered & installed the dhtml collapsable menu.
I can't seem to get the floating function to work. Here's how I have the variables set in the data-tree.js file:

  var tfloatable = 1;
  var tfloatIterations = 10;
  var tfloatableX = 0;
  var tfloatableY = 1;

And here are the links to the .js files in my HTML doc <head>:

<!-- Javascript/DHTML Tree -->
<noscript><a href="http://deluxe-tree.com">JavaScript Tree Menu by Deluxe-Tree.com</a> </noscript>
<script type="text/javascript">  var tWorkPath="tree-menu/";</script>
<script type="text/javascript" src="tree-menu/dtree.js"></script>
<script type="text/javascript" src="tree-menu/dtree_add.js"></script>
<script type="text/javascript" src="tree-menu/dtree_ajax.js"></script>
<script type="text/javascript" src="tree-menu/dtree_dyn.js"></script>
<!-- Copyright (c) 2006, Javascript/DHTML Tree, deluxe-tree.com -->

Please let me know if there are any other settings that need to be changed. I'm hoping to go live with this site wed. so a quck reply is appreciated.

A: Notice, your dhtml collapsable menu won't float with relative position. You shouldset:

  var tabsolute=1;



Q: It's me again, I got the buttons to show... Now, looking to get the floating feature to work in the java script menu.

A: To enable floating feature you should set the following parameter:

  var floatable=1;

Check also that you have dmenu_add.js file in the same folder withdmenu.js file.



Q: When a user clicks on a javascript flyout menu item, I want to run a javascript function.

How can I do this in the data file?

A: You can use your own Javascript code instead standard javascript flyout menu links. For example:

  var menuItems = [
["text", "javascript:your_code_here"]
];



Q: I was trying to work out how to set the target for a link in html tab menu

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

But you can write your links in the following way:

["Item 1","javascript:window.open('http://www.google.com','_blank','height=600,width=800,status=yes,toolbar=no,
menubar=no,location=no');", "", "", "", "", "", "", "", ],
["Item 2","javascript:window.open('http://www.deluxe-menu.com','_self');", "", "", "", "", "", "", "", ],



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