Drop Down Menu Mootools Effects by Deluxe-Menu.com
Drop Down Menu Mootools Effects

Template:

Digg Style Template - Dhtml Navigation Menu

 Website Title







    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus
    - Top items and submenus have a shadow
    - Cross-frame support - menus work on frameset-based pages
    - Text aligned to left
    - Search feature - add the search area in the menu and type symbols.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus dropdown on mouseover




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Drop Down Menu Mootools Effects Vertical Menus

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your drop down menu mootools effects menus easily and in no time
  • Sensible menu parameters for manual editing
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items
Javascript Disable Pulldown Drop Down Menu Mootools Effects
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • 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".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed drop down menu mootools effects samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: If you use firefox this displays fine, in IE it seems to add cell padding around the bottom & right edge of the dhtml image menu. Cant see it in the code anywhere.

A: Set the following parameter:

  var shadowTop=0;



Q: How does an item on the simple html menu connect to pages?

A: You should create menu items in the Deluxe Tuner and specify link and target for each item, for example:

  var menuItems = [
["Upcoming Trainings","http://domain.org/pub/upcoming-trainings", "", "", "", "_self", "", "", "", "", "", ],
["Conferences & Workshops","upcoming-workshops.html", "", "", "", "_blank", "", "", "", "", "", ],
["Continuing Ed","ceu.html", "", "", "", "main", "", "", "", "", "", ],
];

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: I have some problems with Deluxe Tree.
I have set the   var tlevelDX to 5 to decrease the indent for each level of items, but would like to decrease the indent even more. Ican't find the parameter that will set the indent in pixels of thefirst level item.

Also, is there a setting that will put text for a menu item on a second line?

I hope that you can help.


A: You can make the smallest indent this way:
  var tlevelDX = 0;
You are not able to have more little indent. This place is reservedfor + buttons.

Try to set this parameter:

  var tnoWrap=0;

You can also use <br> tags in the item text, for example:

  var tmenuItems = [
["line 1<br>line 2"],
];


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