Slide Out Submenu by Deluxe-Menu.com
Slide Out Submenu

Menu Screenshots

Slide Out Submenu How To Create A Vertical Menu Bar

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed slide out submenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Menu Html Drop Onmouseover Slide Out Submenu
Easy Setup
  • De Luxe Tuner. GUI interface to create your slide out submenu menus easily and in no time
  • Sensible menu parameters for manual editing
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!
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: Do you sell wordpress javascript menus?

A: Actually we're using Deluxe Menu in our WordPress blogs without anyproblems.

You should edit the php template of your theme.
1. Go to Design -> Theme Editor
Open header.php file
!! Notice that you should CHMOD header.php file to777 setting. Find more info here:
http://www.zachjorgensen.net/za/chmodtutor.html

2. Upload folder with all menu files on your server
3. Add the following code in the <head> tag:
<noscript><p><a href="http://deluxe-menu.com">wordpress javascript menu by Deluxe-Menu.com</a></p></noscript>
<script type="text/javascript">  var dmWorkPath="menu/";</script>
<script type="text/javascript" src="menu/dmenu.js"></script>
where 'menu' is the folder with all menu file on your server.
4. Call data file in the place where you want to have the menu, forexample:

<div style='z-index: 100;position: absolute; right: 0; top: 0; margin: 0; padding: 0;float: left;height: 85px; '>
<script type="text/javascript" src="menu/deluxe-menu-blog.js"></script>
</div>
5. Click 'Update File' button.


Q: I am still struggling with multiple menus on one page.
It is probably something I am doing wrong, but I cannot see it.


A: Now you have:

  var absolutePos=1;
  var posX="10";
  var posY="10";


So, both of your menus have the same absolute position.

You can use relative position and place your menu inside <table>. In this case you should write so:

  var absolutePos=0;


Q: Whenver I choose the enable Ajax feature and set the AjaxCount to 0, my menus don't pop out anymore. How do I get it to pop out?


A: That variable set the maximal number of submenus that will be loadedfrom server on your page.

If you don't know exact number of submenus you can set a big value forthis parameter.

If you set   var dmAJAXCount=0; you cannot see you submenus.

To enable Ajax feature you should set, for example:
  var dmAJAX=1;
  var dmAJAXCount=100;


Q: I do not see any samples of the code and pages necessary for the drop down menu js works in a cross frame..

A: You should create your menu in Deluxe Tuner, save it.

Create html file with your frame set.

Set ID for the first frameset:
<FRAMESET id=frmSet rows=220,*>
<FRAME id=frame1 src="Deluxe Menu Samples_files/cross-frame-horizontal-1.htm"> //menu frame
<FRAME id=frame2 name=frame2 src="Deluxe Menu Samples_files/testlink.htm"> //content frame
</FRAMESET>

Then you should open your data file in any text editor and change
dm_init(); to dm_initFrame("frmSet", 0, 1, 0);