Slide Menu Deroulant by Deluxe-Menu.com
Slide Menu Deroulant

Template:

Dark Red Menu Template - Rollover Dropdown Menu






    - Unlimited number of sub levels
    - 85% transparency for sub menus
    - Relative/Absolute menu position
    - Inactive/Disabled items
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Top items and submenus have a shadow
    - Cross-frame support - menus work on frameset-based pages
    - Sound support!




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

Menu Screenshots

Slide Menu Deroulant Simple Dhtml Rollover Menu

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

Features

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your slide menu deroulant menus easily and in no time
  • Sensible menu parameters for manual editing
Web Navigation Bars Slide Menu Deroulant
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed slide menu deroulant samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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: I was wondering if there is a way to disable links on a page for the script menu.I am creating a site where, in a certain mode, the page is in preview and Idon't want the links to work.

A: To disable your menu items you should set the following parameter to disable all items:

  var itemTarget="_";

Or you can disable items individually.

["Home","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
["Product Info","", "", "", "", "", "", "", "", "", "", ],
 ["|Features","testlink.html", "", "", "", "_", "", "", "", "", "", ], //disabled
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],

You can also use function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)
function to disable items on-the-fly, for example:

dm_ext_changeItem (0, 2, 3, ["", "", "", "", "", "_", "", "", ""]);


Q: As I have stated before, your Deluxe-Menu is very very good.

But there is allways room for improvement.

Is there any chance to see support for the following in Deluxe-Menu:

When I move the mousepointer above a menuitem and right-click I would like to see in the javascript contextual menu (the context menu provided by the browser):

Open Link in new window
Open Link in new tab

If the above is not possible or not something you want to enable.... then, there should be possible to make a workaround to make this work:

I see there is support for custom javascript contextual menus.....
.... is there any possibility to make a custom context menu that show above a menuitem and that show when right clicking on the menuitem.
Should hopefully be possible to create in such way that I create one context menu in javascript (the deluxe menu way... ) , but when clicking on "Open link in new window" from that custom menu, then the JS code should call a javascript function of mine (or yours), with a parameter related to the menuitem that was right-clicked...
And this javascript function should be able to resolve the actual URL (based on the input parameter rel. to the menuitem) and then open a new window using window.open()

If not possible to implement using the native browser context menu, then I belive it should be possible to do it using my workaround how to.....
Just a thought....
Any suggestions on how I can make the workaround work, or if maybe you could support the workaround in some way in future releases of Deluxe-Menu?

A: Yes, there is a workaround.
You can write your items in the following way:
 ["|<a href='http://www.domain.com' class="link">test test test</a>",""],

You should assign style for this link.
A.link {
...
}
A.link:hover {
...
}

Q: I am rewriting my homepage in CSS but now I have another problem with the DeLuxe menu.
The javascript top menu is well positioned on the page but the submenus are not.
The submenus are not positioned aside the javascript top menu but lower and far to much to the right.
I changed the variables

  var posX = 100;
  var posY = 100;
  var absolutePos = 1;
  var topDX = 0;
  var topDY = 0;
  var DX = -3;
  var DY = 0;
  var subMenuAlign = "left";
  var subMenuVAlign = "top";

Sometimes when I change the variables the submenus are well positioned and then, after enlarging the IE-window, they are not.
What can I do?

A: It is possible that you have some problems with your css styles.
See, the problem is that the javascript top menu can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute;"

to the

<div id="block">



Q: I'm having a major problem centering html menu navigation in a table.
No matter what I try, the menu stays on the left ofthe table.
Do you have any suggestions?

A: To center the menu on your html page you should set the following
parameter and install the menu in the following way:

  var absolutePos=0;

<div align=center>
<script type="text/javascript" src="deluxe-menu/dmenu.js"></script>
</div>

<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>
Buy Now!   ::  Free Trial Download   ::  More Info