Template: Tafeltree Mouse Over Scrolling

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:

    - Each item can have individual settings
    - Image arrows
    - Submenus expand/collapse on mouseover
    - 3-state icons for each item
    - different speed for an animation for submenus
    - Movable and floatable menu
    - Filters and Transitional effects
    - Vertical orientation of the Tree Menu

Menu Screenshots Tafeltree Mouse Over Scrolling

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

Features Tafeltree Mouse Over Scrolling

Cost Effective

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

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

Tree Dinamic Menus Tafeltree Mouse Over Scrolling

Easy Setup

De Luxe Tuner. GUI interface to create your tafeltree mouse over scrolling 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".

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

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 Tafeltree Mouse Over Scrolling

Q: How do I expand the length of the vista html drop menu tab images to accommodate longer text? If the text is "Special Event Programs", the arrows are outside the tab in another partial one. I am using the Vista style tabs (black_blue / tealblack).

Is there any way other than definition of new image files to get more color combos?

Can I change the text size in the menu tabs? When I use the Tuner, it has no effect.

A: Try to use image-based menu.

Set:

  var menuWidth="92px";
  var menuHeight="";

and create the following style:

  var itemStyles = [

["itemBackImage=WANmenu.files/btn_magenta-back.gif,WANmenu.files/btn_magentablack-back.gif",
"beforeItemImage=WANmenu.files/btn_magenta-left.gif,WANmenu.files/btn_magentablack-left.gif","afterItemImage=WANmenu.files/btn_magenta-right.gif,WANmenu.files/btn_magentablack-right.gif","beforeItemImageW=10","afterItemImageW=10","beforeItemImageH=21","afterItemImageH=21",
"itemBorderWidth=0","fontStyle=normal11px Tahoma","fontColor=#FFFFFF,#FFFFFF"],
];

Q: We have another question. How can we increase the width of the vista style buttons? Changing the itemwidth style will make the buttons larger but it also cause all the images to appear in the wrong place.

var itemStyles = [
["itemWidth=92px"

A: The width of Vista images is 92px. So, if you want to create the itemswider than 92px you should change vista images in any graphic editor,for example in PhotoShop.

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: Also I wanted the sub menus stack up and I could not find in Deluxe Turner Demo HTML version
how to make the submenu in the simple drop-down menu stack up instead of rendering horizontal.

A: You should use the following parameter:

var smOrientation=0; //vertical
var smOrientation=1; //horizontal

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