Vertical Sliding Box Javascript by Deluxe-Menu.com
Vertical Sliding Box Javascript

Template:

Photobuket Style Template - Drop Down Navigation Menu






    - Status string shows item labels
    - Search feature - add the search area in the menu and type symbols.
    - Cross-frame support - menus work on frameset-based pages
    - Filters and Transitional effects
    - Items with icons
    - Submenus automatically scrolls
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Inactive/Disabled items




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

Menu Screenshots

Vertical Sliding Box Javascript How To Make Dropdown Menus In Website

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical sliding box javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Popup Vertical Side Menu Javascript Vertical Sliding Box Javascript
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
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
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is your dropdown menu creator fully usable in Frontpage 2003
running on Vista and another PC running 2000?
I am looking for a tool that will assist me in building simple
but nice drop-down menu's I can add into Frontpage..hopefully via html scripting or another way...

A: Thanks for your interest in our products.

1. It is really so at the moment.
2. We can transfer your license to another site.
3. Deluxe Menu wasn't developed as Dreamweaver/Frontpage extension,
BUT you can use it as standard Javascript files. To install the menu into your html page:

1) open the page in Dreamweaver/Frontpage
2) open html source code of the page
3) add several rows of code (<script> tags), For info see:
http://deluxe-menu.com/installation-info.html

That's all.

To create and configure your menus use Deluxe Tuner application (included into the trial package):
http://deluxe-menu.com/deluxe-tuner-info.html


Q: I want to buy your product today, but have a few questions:

How do I change the font style for java menu templates to 9pt Verdana bold, but leave the sub-menus 9pt Verdana normal? I understand there’s a "fontStyle" variable, but is there an "itemfontStyle"? How do I make the left hand padding greater for the menu? I’m using the XP Style 1 and the far left top menu item is running up against my left hand border. I want to add about 10px of spacing to the left of the menu. How do I make the options in a menu have equal spacing? For instance, if there are 5 items in the menu, how can each have 100% / 5?

A: You can use Individual Item styles to set specific parameters for eachitem or submenu.

1.
  var fontStyle=["normal 9pt Verdana","normal 9pt Verdana"]; //for subitems
//style for the top items
  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],
];

2., 4. You should specify itemPadding parameter in "px". You shouldadd "px" in your style for subitems:
  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];

Notice also that you can set multiple value for itemPadding parameter,for example:

itemPadding=4px 10px 4px 10px
top right bottom left
4. You should set the exact width for the java menu templates:
  var menuWidth="500px";
and set width for the top items using Individual styles:
["itemWidth=100px","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],

Unfortunately it is not possible to specify item's width in '%' inIndividual styles. The following width parameters won't work.

  var menuWidth="100%";
["itemWidth=20%","itemHeight=21px","itemBackColor=#F2F3F2,#1665CB","fontStyle='bold 9pt Verdana','bold 9pt Verdana'"],



Q: I am trying to use the following horizontal scrolling tabs:

http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html

My problem is that the bitebackimage is not showing as you can see in the example below.

All the left and right side images appear, but not the repeating button background. All the images are in the same directory and have the same URL to point to them.

Any ideas on what the problem might be?

Any style tab menu that I use produces the same results.

A: The reason is in your styles. Now you have in style.css file:

TABLE {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Arial,Helvetica,sans-serif
}

You should write:

TABLE {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TR {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}
TD {
FONT-SIZE: 10pt; FONT-FAMILY: Arial,Helvetica,sans-serif
}

Try that.



Q: I am in the process of setting up a new html menu bar, but seem to be having trouble getting it to work via Internet Explorer 8.0.

Instead of making drop-downs, it only makes little symbols. However, it works fine via Firefox.

A: Try to use v3.3. It is compatible with IE8.

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