Template: Jquery Shop Tree Menu Expand Collapse

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:

    - Status string shows item labels
    - 3-state icons for each item
    - Relative/Absolute menu position
    - Unlimited number of sub levels
    - different speed for an animation for submenus
    - Each item can have individual settings
    - Image arrows
    - Items with icons

Menu Screenshots Jquery Shop Tree Menu Expand Collapse

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

Features Jquery Shop Tree Menu Expand Collapse

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 jquery shop tree menu expand collapse menus easily and in no time
Sensible menu parameters for manual editing

Sample Tree Style Sample Simple Jquery Shop Tree Menu Expand Collapse

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

Cost Effective

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

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 Jquery Shop Tree Menu Expand Collapse

Q: We create the menu code via ASP, and we need to have 2 menus on one page. Normally you do this by having 2 java scripts includes.

However it looks like the bottom menu activates the first menu?

A: Now you have two entries of dmenu.js file on your site in the tag.
You must have only one entry of dmenu.js file.
You should write so:

...
<head>


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


</head>

Please, delete the same code from the tag.

Q: I try to find things out.

What is the difference between itemStyles and menuStyles in dhtml menu wizard?

The look likes the same to me.

A: You should assign the menuStyles to the whole submenu (the first item in the submenu).
itemStyles you should assign for each item individually.

See more info here;
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

Q: How about getting the entire side navigation bar to sit in the centre rather than left align?

A: You can set your menu in the <div> tag and use the alignment you need:


<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menudir/dmenu.js"></script>


<div align="center">
<script type="text/javascript" src="menudir/data.js"></script>
</div>

Q: We have a problem with true type fonts. The dropdown menu in html does not showing properly for Turkish letters. We are using true type fonts (bold 10px TR Tahoma).

A: Font.If there will be no TR Tahoma font on the user machinethe font won't be shown correctly.
You can find another font similar to your font and write it through a comma.

You should choose the font among the following fonts:
Arial
Tahoma
Times New Roman
Trebuchet MS
Verdana
These fonts are installed on the most of windows computers.

For example:
var fontStyle=["bold 9px TR Tahoma, Tahoma","bold 9px TR Tahoma, Tahoma"];

Or you can create images with text and use it for the top items.

Encoding.

You can save your data file in UTF-8 in Windows version of DeluxeTuner v3.2.5.

You should turn on "Tools/Use utf8 encode" property.In that case your data file will be saved in UTF-8 encode.

Enter these symbols and save your data file.

If you don't want to use UTF-8 encode on your page you should turn off"Tools/Use utf8 encode" property, save your data file and manuallychange your letters in any text editor.

You can also replace your letters with special sets, for example
É - Capital E, acute accent - É
ç - Small c, cedilla - ç
var menuItems = [

["É....","testlink.html", "", "", "", "", "", "", "", ],
["ç....","testlink.html", "", "", "", "", "", "", "", ],

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