This is a very good looking tree menu, whose appearance can be easily changed just via xml.

Best Features

1. Appearance can be changed easily just by XML settings.
2. Supports unlimited number of levels.

Back-end

As a lot of users have requested me that they need a back-end admin panel to administer the menu items… I have created that finally, using PHP & MySQL. Please send me an e-mail to get it.

Here are some scree shots. http://rehmat.me/?q=node/53

Updates

I have an updated version of the file which loads external SWFs specified via XML for each child menu item, into a container. Please send me an e-mail to get that.

Links

Each menu item can be given a separate link or a function can be called on click. To put a link use these two attributes for each item in the xml.
1. link – A link which you want to open when the item is clicked
2. target – The target frame or window in which you want to open the link. Example: text=”Google.com” link=”http://google.com/” target=”_blank”

Functions

To call a function:
1. Open the “menu” symbol
2. Open the action script on the first frame of the fist layer.
3. Find this function on the very top: “itemclick”
4. In that function you will find that you are getting the item that is clicked. You can use its xml node to perform a specific function according to the data provided by you in the xml. Additional notes are given with that function in the action script.
Example:
if (clickeditem.xml.attributes.mytype == “contact”) {
_parent.opencontactform();
}

Icons

To put an image on a menu item use “icon” attribute.
Example: text=”Image 1” icon=”icons/1.jpg”
You can also use swfs as icons, instead of images.
Example: text=”Swf Test” icon=”flashicon.swf”

XML Settings

You can change almost every attribute for the menu including icons, plus-minus and scrollbars, just via xml. To change them via action script, open the “menu” symbol in the library and the actions are given just on the top on the first frame of the first layer.

You can control these attributes globally via xml.
1. verticalgap – default (2) – //gap between each menu item vertically
2. fallspeed – default (2) – // the speed with which the menus will fall and animate… greater the speed, slower the animation
3. leftspace – default (20) – // the space from left for menu of each level… keeps on increasing with the increase in level
4. autoclose – default – (true) – //set whether the menus of the same level will close automatically if a new menu is expanded
5. height – default (280) – //height for the full menu control
6. width – default (200) – //width for the full menu controls
7. allowverticalscroll – default (true) – //set whether the vertical scrollbar will be available
8. allowhorizontalscroll – default (true) – //set whether the horizontal scrollbar will be available
9. scrollbarspace – default (2) – //space between the menu’s items and both the scrollbars
10. scrollbarforecolor – default (0xFFFFFF) – //fore color for the scrollbars… for arrows
11. scrollbarbackcolor – default (0×000000) – //back color for the scrollbars
12. scrollbuttonspace – default (2) – //space between scrollbars’ buttons and their draggers
13. scrollanimspeed – default (5) – //scrolling animation speed… greater the speed, slower the animation
14. scrollbuttonspeed – default (5) – //scrolling speed when we mouse over the buttons… greater the speed faster the animation
15. menuwidth – default (150) – //default width for each menu item
16. menubackcolor – default (0×000000) – //default background color for menu items
17. menuforecolor – default (0xCCCCCC) – // default fore color for menu items
18. plusminusbackcolor – default (0×000000) – //background color for plus & minus
19. plusminusforecolor – default (0xCCCCCC) – //fore color for plus and minus
20. menuheight – default (2) – //default height for each menu items
21. linescolor – default (0×000000) – //lines color for menu items

IMPORTANT : The settings from 15-21 can be assigned to an individual menu item’s node. So, this gives you a lot of power to change the menu appearance.

The global settings (1-21) can be given in the settings node, and the settings from 15-21 should be given in each menu item’s node.

For further reference I have attached the 6 sample xml files I used for showing the preview. Please check.

You can make any menu item to be open by default. For this just use the “expanded” attribute.
For Example: text=”Opened Menu” expanded=”true”

Templates

Galleries

Menus

Text Animations / Site Intros

Clocks

Music Player – 3D Globe – Banner Rotator – Avatar Icons

by
by
by
by
by
by