Template: Tree Menu Using Css

XP Style Silver Movable Tree View Menu

Movable Tree View Menu
Try to move the menu using the top spacer above the menu (drag-n-drop. Parameter: var tmoveable). Selected Item
- Click on any item.
The test page is opened and selected item is highlighted (parameter: var ttoggleMode).
- You can also set a default selected item by placing '>' symbol before a text of the item.

Key features:

    - Status string shows item labels
    - Filters and Transitional effects
    - Each item can have individual settings
    - Relative/Absolute menu position
    - Image arrows
    - Unlimited number of sub levels
    - Movable and floatable menu
    - different speed for an animation for submenus

Menu Screenshots Tree Menu Using Css

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

Features Tree Menu Using Css

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

Cost Effective

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

Dhtml Dropdown Tree Tree Menu Using Css

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 tree menu using css menus easily and in no time
Sensible menu parameters for manual editing

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".

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

Javascript Tree Menu. Expandable Menu.

You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu.Choose any color for backgrounds of submenus and items. Use special prefixes for image paths and links to make paths absolute.
You can assign your own images for lines.

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

Recent Questions Tree Menu Using Css

Q: I've tried to change the width of the images within the Deluxe Tuner program to do so. Can you please tell me where to find the configuration within the program?
Thanks again for your help.

A: You can't change images in Deluxe Tuner. You should do it in anygraphics editor, for example in CorelDraw or PhotoShop.

Q: I am still struggling with multiple menus on one page.
It is probably something I am doing wrong, but I cannot see it.

A: Now you have:

  var absolutePos=1;
  var posX="10";
  var posY="10";

So, both of your menus have the same absolute position.

You can use relative position and place your menu inside <table>. In this case you should write so:

  var absolutePos=0;

Q: I'd like to be able to right click on items in a collapsible menu and then pick actions to perform from a context menu
Is this possible?

A: You can use API functions

function dtreet_ext_userRightClick (itemID)

See more info here:

http://www.deluxe-tree.com/functions-info.html

Q: Some menu entries may be disabled and clicking on them should produce predefined javascript alert message?

A: To create disabled items you should set "_" symbol in the targetparameter of the menuItems.
If the target is "_" the item is disabled.
You can assign a font color for all disabled items using the following menu parameter:
var fontColorDisabled = "#AAAAAA";
You can write a javascript code instead of an item link:

["item text", "javascript:alert('Hello World')", , , ,"_",]

That's all.

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