Jstree Mouseover Popup by Deluxe-Tree.com
Jstree Mouseover Popup

Template: Jstree Mouseover Popup

Tree Java Script Outlook 2003 look

The template emulatesOutlook 2003 look. 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:

    - Submenus automatically scrolls
    - 3-state icons for each item
    - Status string shows item labels
    - different speed for an animation for submenus
    - Inactive/Disabled items
    - Each item can have individual settings
    - Submenus expand/collapse on mouseover
    - Relative/Absolute menu position





Buy Now!  Free Trial Download

Menu Screenshots Jstree Mouseover Popup

Jstree Mouseover Popup Tree Collapsing Layers

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

Features Jstree Mouseover Popup

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
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
Tree Dropdown Example Jstree Mouseover Popup
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jstree mouseover popup samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Buy Now!  Free Trial Download
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Tree Menu. Expandable Menu.

  • You can animation and effects for the javascript tree menu. These effects will make your menu more attractive and stylish. When you click on titles of submenus - submenus will collapse or expand. Submenus have a fade effect in Internet Explorer when you collapse/expand them, so your menus look like original menus in Windows XP Explorer. You can set different speed for an animation.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions Jstree Mouseover Popup

Q: I can't seem to have a "contact us" menu item to work.
I've even tried a custom target with
<A HREF="mailto:[email protected]"> </A>
command and get the following error:

Can you perhaps suggest a way you know that works?


A: Please, write so, for example:

["Contact us","mailto:[email protected]", , , , , , , ],


Q: Is there a way I can do an include of a separate file that would contain the

       var menuItems = [];


A: You can delete   var menuItems = []; and dm_init(); from your data.jsfile and paste it into your html page or in the other file.

You should call at first data.js file with the parameters and thanmenuItems = []; and dm_init();.


Q: How can I make the 'hand' icon appear when someone moves their mouse over an item in the javascript menu open?

A: You should set the following parameter:

  var itemCursor="pointer";



Q: I am having a problem trying to figure out how to generate a link to javascript popup window.

A: You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you've added an image in your html page.
You should specify the ID for it, for example:

<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>

In the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.
Actually you can assign id to any object on your page manually. You should specify ID's - id="xxxx" for <a>, <div>, <img> ... tags.

Or you want to open a popup onMouseover, onClick or onMouseout on a link.

So, you should create a link (you can also use other object) on your page and set id="" for it, for example:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",


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