Template: Sliding Tree Menus Script

Vista Style 6 Dhtml Menu Tree

The template emulates Vista OS menu style. To open submenus click on menu items.
The appearence of this template is determined by the following parameters:

    - The menu have XP Style; Animation effect for subitems
    - Toggle-mode support.
    - Items have icons
    - Menu has a static position and is placed within the table cell

Key features:

    - Image arrows
    - Vertical orientation of the Tree Menu
    - Submenus have a fade effect
    - Filters and Transitional effects
    - Inactive/Disabled items
    - Unlimited number of sub levels
    - Several menus on one page
    - Submenus expand/collapse on mouseover

Menu Screenshots Sliding Tree Menus Script

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

Features Sliding Tree Menus Script

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed sliding tree menus script samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Cost Effective

Starts at just $39. Buy Now!
FREE for non-commercial websites. Order Now!
No-limits free trial version. Download Now!

Dropdown Menus Tree Sliding Tree Menus Script

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 :: More Info

Javascript Tree Menu. Expandable Menu.

You can set default expanded/collapsed items and submenus.
After clicking on menu item selected item becomes highlighted.
When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
There is no need to write additional code on a server side to remember what items were expanded/collapsed. Javascript/DHTML Tree can save items state automatically!

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

Recent Questions Sliding Tree Menus Script

Q: This is al I got from the goggle code generator:


<div id="dmlinks" style="font:normal 9px Verdana;color:#000000;text-decoration:none">
</div>


A: You should create your menu at first and then click Tools/Generate SE-friendly Code (F3).

Q: I have been testing.
I have another question,

during our test we did few test with other software, and we have the posibility while we are under an option on the menu we right click and choose open in a new window.

We cant find the way to do this or is not posible?

A: You can paste your own objects within menu items to capture a rightclick, for example:

["<div style='width:100%;height:30px' onContextMenu='your_code'>text</div>",...]

Q: If is there any way I can give some space between pressed_item and hover item for the rollover menus

A: You can try to specify spacing parameter:

  var itemSpacing=1;

You can also try to use separators.

You should add separator between menu items:
["item","#", "", "", "", "", "", "", "", "", "", ],
["-",],
["item","#", "", "", "", "", "", "", "", "", "", ],

Use "Add Separator button in Deluxe Tuner.

Set separator parameters in the following way:
//--- Separators
  var separatorImage="";
  var separatorWidth="100%";
  var separatorHeight="2px";
  var separatorAlignment="left";
  var separatorVImage="data.files/separator.jpg";
  var separatorVWidth="2px";
  var separatorVHeight="100%";
  var separatorPadding="0px";

Q: All hide drop down menu tabs seem to have white in the upper corners rather than transparent.

A: You should delete white color and make corners transparent in anyGraph editor, for example in Photoshop.

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