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

Menu Screenshots

Drop Down Menu Mootools Effects Drop Down Menue Tutorials

Features

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
  • Section 508 compliant
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
Javascript Menu Horizontal Tabs Drop Down Menu Mootools Effects
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
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • 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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I bought your product Deluxe Menu.

I wanted to ask you for this problem:

I'd like to put on my home page two java menu examples, one in the right side and one in the left side. I tried to create two java menu examples and put them in the home page with the command PHP include, but the menus don't work correctly. I think the menus search for the same javascript function and so there are problems. How can I solve this kind of problem?

A: You can use as many java menu examples as you want on the same page.

But notice that you should call dmWorkPath parameter and dmenu.js fileon the page only once.



Q: We work in a Mac environment, do you have a cross browser menu for that?

A: To create your menu on MAC you should download MAC version ofDeluxe Tuner.

http://deluxe-menu.com/deluxe-tuner-html.zip



Q: I'm trying out your menus, and I seem to have a problem with changing the title of a menu item. If the text is something like "Create a New Event" the entire menu spreads out and the rollover image starts replicating itself behind it, instead fo stretching with the text. So I see 1 /2 rollover images for that top level item, instead of just the one, width it's width spread out to accomodate the extra text.

I've tried the Styles bit, but that doesn't seem to fix the rollover image any...

Any pointers ?


A: You can try to set the exact width for each menu item using IndividualItem Styles.

You should use Individual Item Styles.
For example:
  var itemStyles = [
["itemWidth=120","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style0
["itemWidth=100","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style1
["itemWidth=130","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style2
["itemWidth=150","itemBorderWidth=1","itemBorderStyle=solid,solid"], //style3
];

["Home","testlink.htm"],
["Samples","testlink.htm"],
 ["|Group 1","", , , , , "0", , , ],
 ["|Group 2","", , , , , "1", , , ],
 ["|Group 3","", , , , , "2", , , ],

...
[" More Samples","testlink.htm"],
 ["|Group 1","", , , , , "3", , , ],
 ["|Group 2","", , , , , "1", , , ],

Where "0", "1", "2", "3" - style number in itemStyles.

You also should check the width of your rollover image. It should bethe same width as your items.

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

  var menuItems = [
["line 1
line 2"],
];

Or you can set this parameter:

  var noWrap=0;

Try that.


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Joomla! • View topic - [TUT] How to add a drop down mootools menu

Now we need some javascript which will use the mootools effects for our .... First of all, the dropdown menus are only activated after I

Slider is on top of drop-down menu

HOT Effects Slider. Slider is on top of drop-down menu ... The site is Main Street Baptist Church, and appears to be using a mootools menu

Omnicron Rocket Theme Download

It is primarily a javascript enhanced CSS dropdown menu, that combines ... transitions and other advanced effects provided by Mootools

RocketTheme • View topic - No Drop Down Menu Highlights

Now, running RokNavMenu on the main menu just as the default settings on the template has it set as, I've discovered that when my submenus do the dropdown effect, ... I know that I did widen the drop down menus, you are seeing that correctly .... RokWeather Solved Threads, MooTools 1.2 Compatibility

Pure Css Drop Down Menu - Zymic Webmaster Forums

Since the website MAY be subject the digg effect, I'll mirror the post + code here. ... Drop-down menu FTW. Definitely a lot better looking to the one I've used ... actually im going to start using mootools more often

jQuery Forum

May 12, 2008 ... Core Effects Bugs: IE6 Bold and IE7 ClearType. [0 Replies]. 06-May-2008 12:41 AM ; Forum: Developing jQuery Core ... I'm not sure if the menu has multi-level drop down, but please ... http://demos.mootools.net/Fx.Morph

JOOMLA premium templates and joomla help desk 00-24!

Sep 2, 2009 ... We call it a sliding mootools joomla business card or slider for short! ... Also Beyond comes with a new exclusive Drop Down Menu. ... with smooth animation and color fading * YOOspotlight to place cool spotlight effects

Issues with drop down menu - WebDeveloper.com

I'm trying to make a drop down menu that hides the li's on load and then ... <ul id="hidden2"> <li><a href="#">Slide Effect</a></li> <li><a

Joomla Templates 2

Fusion is javascript-based dropdown menu system, with extensive ... The template includes our standard s5 menu now with the choice of either the S5 Effects or .... with 2 built-in options - Suckerfish menu and Mootools

UvumiTools: Updates and Announcements » UvumiDropdown 1.0.1

Jan 25, 2009 ... Thx for the great dropdown menu you created! ... Some javascript for tooltips with mootools was apparently causing it. ... fall back to a a barely working drop down (without effects & arrows) a la Suckerfish or similar,

Reflection-Mod Theme: Version 1.2 Released

Lightbox (SlimBox) effects can be enabled for Category/Tag archive ... Implemented a multi-level CSS drop down menu: capable of displaying multiple ... Neat slider animations (Javascript – MooTools 1.11) for the Category

Themes:Animation And Effects - Forum Nokia Wiki

Animation And Effects. Through Carbide UI frame and layer animations ccould be added in the following ... Different blending methods can be set from the BlendMode drop-down list. ... Simple Web Runtime Design Patterns Using Mootools ... Mobile Design Pattern: Accordion Menu · Themes:Home Screen

Documentation - mod_sobi2simplefeatured (Joomla 1.5.x only)

Select a Direction from the drop-down list for the 'Slider' Effect. Note: Only active when the 'Slider' Effect is ... Select Mootools Fx.Transition Type

Features

3Advanced Menu: A powerful menu platform ranging from the dynamic, javascript enhanced, Fusion menu; ... A dropdown panel will appear in IE6, alerting the visitor to update their browser. ... Built-in Mootools effects. RokNavMenu Module

mootols and sobi2 categories?

Good idea Mark, it crossed my mind, but he was asking for a mootools style drop down, so didn't offer it as a solution. If you got really creative,

700-vm-accordion-menu | Modules-Plugins | Forum

... dropdown mootools menu, Dropdown Expand Menu, Accordion menu, drop line menu , ... As soon as it is activated, Mootools slide effects don't work

Mootools Version and upgrade plans - glFusion

Jun 14, 2010 ... This script enables the 'special effects' dropdown/grow effects that are ..... 1.20 with Mootools 1.21 and I have no problems with my menu

Tabbed menu jscript help - Webmaster Forum

Oct 28, 2009 ... The tabbed nav uses mootools. The mootools causes the. ... featured carousel effect jQuery('#mycarousel').jcarousel({ auto: 3, scroll:1, .... It is this mootools file that causes my dropdown menu not to work

RocketTheme • View topic - Not able to click on dropdown

However I'm having issues with the dropdown on the fusion menu. ... Template is v1.5.2, RokNavMenu is 1.7.2 and MooTools core is 1.11. Did not get the disappearing dropdown effect although I have seen this before

Moomenu.js and mootools.js call conflict - JoomlaWorks Community Forum

My top menu is currently using moomenu.js for effects. ... 1) It causes the drop down menu to stop transitioning

The Contao Community • View topic - [coin-slider] Create your

If I click "New element" it doe not then appear in the "Element type" dropdown. ... I guess that's down to an incompatibility with mooTools. ... It's mootools written and maybe we can add some similar effects like coin slider. ... your javascript menu is not working on each page

UvumiTools: Help and Technical Questions » Dropdown dont work on

If you are using other modules and effects with your Joomla installation it is possible they interfere ..... So, mb you know dropdown menu for mootools 1.1?

UvumiTools: Updates and Announcements » UvumiDropdown 1.0.1

Jan 25, 2009 ... Thx for the great dropdown menu you created! ... Some javascript for tooltips with mootools was apparently causing it. ... fall back to a a barely working drop down (without effects & arrows) a la Suckerfish or similar,

RocketTheme • View topic - Not able to click on dropdown

However I'm having issues with the dropdown on the fusion menu. ... Template is v1.5.2, RokNavMenu is 1.7.2 and MooTools core is 1.11. Did not get the disappearing dropdown effect although I have seen this before