Tree State Icon by Deluxe-Tree.com
Tree State Icon


Buy Now!  Free Trial Download

Menu Screenshots Tree State Icon

Tree State Icon Tree Fading Rollover Menu

Features Tree State Icon

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

Javascript Tree Menu. Expandable 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/disabled. Addition/removing of items. Changing of visibility of items. Collapsing/expanding of items. Getting the information on any menu, submenu and items. Other tricks. 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 Tree State Icon

Q: I am working currently with deluxe-menu and am perfectly happy so far except one little thing: Does there exist a way to have the mousepointer being a hand instead of the regular pointer while going over the menu (like it would be regular links)?


A: You should set this parameter:
  var itemCursor="pointer";

In this case you'll have the mousepointer being a hand for all itemsin the menu.

Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";


Q: Can you resize the height of a submenu button to 22px? (The main dhtml pulldown menu should remain the same height).

I am sending you html files. Please checked it out and is it possible in delux menu?

A: Set itemHeight=22px for the styles (dhtml pulldown menu and sub):

  var itemStyles = [
["itemWidth=200px","itemHeight=22px","itemBackImage=left.files/button-gradient.jpg,left.files/button-gradient.jpg", "fontStyle='normal 14px Arial','normal 14px Arial'","fontColor=#ccd0d1,#a3a377","fontDecoration=none,none"],
["itemHeight=22px","itemBackImage=left.files/button-gradient.jpg,left.files/button-gradient.jpg","itemBorderWidth=1", "itemBorderStyle=solid,solid","itemBorderColor=#a3a377,#a3a377","fontStyle='normal 12px Arial','normal 12px Arial'","fontColor=#ccd0d1,#a3a377","fontDecoration=none,none"],
];



Q: I have created a CSS menu that appears in the <noscript> section, but am having a problem getting it to behave the same as the java menu. I want to show all the items as asingle line at each level, aligned to the left of the frame. I cannot find a way ofsetting left align in the style sheet or in the deluxe tuner for the css dhtml menu.

A: We've added align parameters in the new version 3.6:
  var subMenuAlign="pleft";

You should set this parameter and specify width for submenu. You can use different smwidthfor each submenu using Individual Submenu styles.


Q: What do you recommend for "remembering" the tab in the js tab menu,
so that when the page reloads the correct tab is highlighted.

A: Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=^lt;?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>