Sliding Menu In Javascript by Deluxe-Menu.com
Sliding Menu In Javascript

Template:






    - Image arrows
    - Submenus dropdown on mouseover
    - Status string shows item labels
    - Submenus go over all page objects
    - Filters and Transitional effects
    - Hundreds of pre-designed templates
    - UL/LI items structure
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Sliding Menu In Javascript Web Site Menu Examples Tabs

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sliding menu in javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Cost Effective
Javascript Tabbed Menu Sliding Menu In Javascript
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your sliding menu in javascript menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Javascript menu frame Borders are present Firefox but missing in IE7, IE8, Google Chrome, Safari.

Firefox shows the borders ok.

A: You've set the following parameters in this menu:
  var menuBorderColor="#FF9191 #FF7837 #E10000 #952D00 ";
  var menuBorderWidth=3;
  var menuBorderStyle="";

You should specify style for your border, for example:
  var menuBorderStyle="solid";

See the attached example. I cannot notice such issue on Safari forWin. Write what version you're using.

Change also
  var fontStyle=["normal 8pt Verdana,normal 8pt Verdana","normal 8pt Verdana,normal 8pt Verdana"];
to
  var fontStyle=["normal 8pt Verdana","normal 8pt Verdana"];

Q: I'm just trying to get those little vertical spacers between menu items in the drop down menu.How can I do it with Deluxe Menu.

A: Please, see the following parameters of the menu:
//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "20";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";
You can create separators between items in the drop down menu using menuItems, for example:
  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],  ["|item 3"],
 ["|-"], // this subitem is separator
 ["|item 4"],
];


Q: I had to put the site live and had taken out the white border. I've used one of the better elements of your application and put a second data file (data1.js) and a sample page up that recreates the aberrant behavior in IE and the missing border-bottom in Firefox and Opera.

In IE, the entire border of each element has about a 5px white border until you mouseover each element. Then the border-bottom (1px solid white) shows correctly.

In both Firefox and Opera the border doesn't show at all.


A: Try to write so:

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

  var itemStyles = [
["itemBorderWidth=0 0 1px 0","itemBorderStyle=solid,solid","itemBorderColor=#FFFFFF,#FFFFFF"],
];


Q: The plus symbols (+) for Home, PRODUCT CATALOG, and Back are almost non visible and I can not find a parameter to move the collapsible tree menu to the right or to put a border on the left side.


A: You set the following style:

#menu TABLE {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1em; PADDING-BOTTOM: 0px; MARGIN: -4px; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}

You should delete
MARGIN: -4px;
style or set it:
MARGIN: -4px -4px -4px 0px;


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