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

Template:

iPhone 7 Template - Collapsible CSS Menu






    - Relative/Absolute menu position
    - Items with icons
    - Top items and submenus have a shadow
    - Hundreds of pre-designed templates
    - Search feature - add the search area in the menu and type symbols.
    - Personal CSS styles for separate menu elements
    - Unlimited number of sub levels
    - Submenus automatically scrolls




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

Menu Screenshots

Javascript Vertical Sliding Menu Menu Shell Script

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

Features

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
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Css Drop Down Horizontal Menu Javascript Vertical Sliding Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript vertical sliding menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript vertical sliding menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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: How do I create more space between the menu items?

I have tried adding to the Item Appearance, itemSpacing and itemPadding.


A: You can paste the separator.
Please, see the following parameters:

//------- Separators -------
  var separatorWidth = "10";
  var separatorHeight = "20";
  var separatorAlignment = "center";
  var separatorImage = "C";
  var separatorVWidth = "150";
  var separatorVHeight = "10%";
  var separatorVImage = "image.jpg";

You can create separators using menuItems, for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

You can also use this parameter:

  var itemPadding = "4px";

You can also set multiple values, for example:

  var itemPadding = "2px 15px 5px 5px";

(top, right, bottom, left)


Q: I tried your menu.

I have read the notice

Notice
If you load pages with a frameset structure into the subframe, submenus won't be shown.

in page http://deluxe-menu.com/cross-frame-mode-sample.html, but unfortunately this is just our case!

(We have a page with three frames, the second frame is a page with 2 frames. we would want that the menu was opened in the second frame of this page)

There is a way to solve this problem?


A: Deluxe Menu works fine with nested framesets in most cases.

Please, try the trial version.


Q: Under Opera everything works fine but under IE the submenu’s are way down the page and go off the bottom of the screen.


A: See, the problem is that the script 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" attribute of the object if the object doesn't have this property within inline style(style="PADDING-BOTTOM: 10px;"). 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="PADDING-BOTTOM: 10px;"

to the

<DIV class=department-menu>

So, you'll have:

<DIV class=department-menu style="POSITION: absolute;PADDING-BOTTOM: 10px;">


Q: I am using a licensed copy of Deluxe Menu and am extremelyhappy with the dhtml mouseover menu and the functionalities provided. Great Work!!

I wanted to know how to hide/ disable a dhtml mouseover menu item for a particular user/roleid in .ASP.Net1.1
Kindly help me out with this problem as soon as possible.

A: You can find more info here:

http://deluxe-menu.com/dynamic-functions-sample.html

You can try to use API functions in that case:

function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)

To disable items you should set the target parameter to "_".

You can try to use the following function

function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your dhtml mouseover menu items.



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