Template: Christmas Tree Style Menu Using Javascript

Mac OSX Javascript Treeview Menu

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

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

Key features:

    - Unlimited number of sub levels
    - Relative/Absolute menu position
    - Personal CSS styles for separate menu elements
    - Inactive/Disabled items
    - Each item can have individual settings
    - Vertical orientation of the Tree Menu
    - Submenus expand/collapse on mouseover
    - Submenus have a fade effect

Menu Screenshots Christmas Tree Style Menu Using Javascript

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

Features Christmas Tree Style Menu Using Javascript

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

Professional Look-n-feel

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

Tree Menus Examples Christmas Tree Style Menu Using Javascript

Easy Setup

De Luxe Tuner. GUI interface to create your christmas tree style menu using javascript 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".

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

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 Christmas Tree Style Menu Using Javascript

Q: I tested your code and it works fine now. I don't need the Deluxe Tuner and only used the Java Script code. So please inform me about the expenses of using Java Script code and also related support needs.

A: Deluxe Tuner is a free software.
We support all our clients no matter if they had bought a license or not and what type of the license they have.

More info about license types you can find here.
http://deluxe-menu.com/order-deluxe-menu-purchase.html

Q: Do your popup menus work with Dreamweaver?

A: JavaScript Tree Menu wasn't developed as Dreamweaver/Frontpage extension and wedon't have plug-ins for it.
To install the menu into your html page:

1. create and save .js file with your menu parameters in Deluxe Tuner
2. open your .html page in Dreamweaver
3. Copy data.js file and "data.files/" folder in the same folderwith your html page.
4. add several rows of code (<script> tags).
For info see:
http://deluxe-menu.com/installation-info.html

<head>

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com&</a></noscript>
<script type="text/javascript"> var dmWorkPath="data.files/";</script>
<script type="text/javascript" src="data.files/dmenu.js"></script>
</head>
<body>
...
<script type="text/javascript" src="data.js"></script>
...
</body>

That's all.

It is possible that Dreamweaver changes some paths,
so you'll havean error in the preview.
On your site or in your browser there'll be no errors.

Q: There is a very nice facility in the Item "MQ Result". If I select one Subitem the other dhtml navigation menu (opened) Subitem is closed.

Is there a way to get this facility for Items too? For example, I open "Adresse" and then "Stammdaten Adresse" and then the opened "Adresse" is closed.

A: You should set the following parameter:

var tcloseExpandedXP=1;

Q: When you hover over words the background color is light blue - How do I change dhtml context menu so that the color when you hover over items is different?

A: You should change the following parameter:

var itemBackColor=["#FCEEB0","#65BDDC"];

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