Js Vertical Slide Menu by Deluxe-Menu.com
Js Vertical Slide Menu

Menu Screenshots

Js Vertical Slide Menu Example Html Tabs

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

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: We have a query on a navigation that we have created. We would like to knowhowto set the colour for a nav item of the asp drop down menu if any pages in that section are currently being visited?

A: To save your navigation path you should set the following parameter:

  var saveNavigationPath = 1;
The menu keeps items highlighted during menu navigation.
0 - disabled, 1 - enabled (default).

You can highlight menu items by default in two ways:

1) Set the pressed item on each page idividually using the following parameter:

  var pressedItem = -2;
The toggle mode. Sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-level menu.
- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, for example:

<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=2;</script>

...
<script type="text/javascript" src="menudir/data.js"></script>

2) Set the pressed item/subitem using dm_ext_setPressedItem () function.

Please see more info here:
http://deluxe-menu.com/highlighted-items-sample.html

Q: How do I make the buttons in my java navigation menu transparent?
I only want to see the letters appear in my table and not the button until I mouse over it?


A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","transparent"];


Q: I am trying to get my text within a single menu item to have text on two lines as opposed to be all on one line.
For example, I currently have CumberlandHeadElementary School all on one line of a menu. I would like to have Cumberland Head on one line and Elementary School on a line below Cumberland Head. Hope this makes some sense.
Thanks for your help.


A: Try to set this parameter:

  var noWrap=0;

If it is not suitable for you, try to use <br> tags in the item text, for example:

  var menuItems = [
["please, select the color you<br>prefer for the background
of<br>the image of the photo of your son",,,],
];



Q: I'm testing your menu, however this always display the result of the execution of this code, that was generated by the GUI tool

<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:bold 14px Arial;color:#000000;text-decoration:none">
<a id="dmI1" href="testlink.html">Recompensas</a>
<a id="dmI3" href="testlink.html">Ingresar</a>
<a id="dmI4" href="testlink.html">Cuentale a un amigo</a>
<a id="dmI6" href="testlink.html">Ingresar</a>
<a id="dmI7" href="testlink.html">Servicios y Soluciones</a>
<a id="dmI8" href="testlink.html">Contactanos</a>
<a id="dmI9" href="http://deluxe-menu.com/order-purchase.html">Acerca de Medussa</a>
<a id="dmI14" href="testlink.htm">Soporte</a>
</div>
<!-- End of Code for Deluxe Menu Items -->

I don't know what's happenning I followed the instructions that you describe in your installation process. I'm using the menu in a jsp page.


A: Now on your page you have only search engine friendly code for Deluxe Menu. You do not have menu.

See more info about the installation of the menu here:

http://deluxe-menu.com/installation-info.html

You should paste also such lines, for example:

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

and

<script type="text/javascript" src="deluxe-menu.files/data.js"></script>

Where data.js is the file with your menu. You can create such file using Deluxe Tuner.

You should upload this files on your server in the correct place.