Template: Css Dom Tree Menu

Vista Style 2 Treeview Menu

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:

    - Movable and floatable menu
    - Several menus on one page
    - Image arrows
    - Each item can have individual settings
    - Submenus have a fade effect
    - 3-state icons for each item
    - different speed for an animation for submenus
    - Status string shows item labels

Menu Screenshots Css Dom Tree Menu

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

Features Css Dom Tree Menu

Easy Setup

De Luxe Tuner. GUI interface to create your css dom tree menu menus easily and in no time
Sensible menu parameters for manual editing

Professional Look-n-feel

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

Dhtml Tree Dropdown Menu Css Dom Tree Menu

Cost Effective

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

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 create any style for XP menu:
different icons, colors, and buttons for each submenu title;
any color for borders, backgrounds, and font of menus and items;
any available font style; and many other options!
Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
These effects will make your menu neat and chic. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

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

Recent Questions Css Dom Tree Menu

Q: Do I need to generate a html file after I create dhtml menu and than work from that file? Or can I just copy and paste the code into my existing html file?

A: It will be better create dhtml menu in Deluxe Tuner and save your menu as html file. And copy html codefor the menu from this file into your page. You should also copyfolder with all menu file and data file with menu parameters into the same folder with you html page.

Q: My top levels over the menu have no link and as such I need the cursor not to change when hovering over it – only change over the menus that drop down.

Please let me know how to fix this

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

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

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

Set this parameter:
var itemCursor="default";

Q: Where can I change the state of Vista1 buttons?

A: If you want to have 1 state button, please, go to "Edit IndividualStyle"/Item Styles. Click on the style "Top Item" and in bothitemBackImage fields you should write btn_black.gif.

So in your data file you will have such code:
var itemStyles = [
["itemWidth=92px","itemBackColor=transparent,transparent", "fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF", "itemBackImage=btn_black.gif,btn_black.gif"],
];

Q: Is there a way to change the indent on the top tree dhtml menu ajax items?

I would like them to be closer to the left margin.

A: Use the following dhtml menu ajax parameter:

var tlevelDX=10;

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