Javascript Submenu Slider by Deluxe-Menu.com
Javascript Submenu Slider

Menu Screenshots

Javascript Submenu Slider Menu Select

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript submenu slider samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Vertical Menu Bar Html Javascript Submenu Slider
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: My pop out menus in the vertical navigation bar appear on the left instead of the right.

A: You can try to change the following parameter:

  var subMenuAlign="left";


Q: The problem I am having is specfically on the home page. The Navigation dhtml horizontal menu is at the top of the page. There are also Flash documents on this page only. When you go to the dhtml horizontal menu and select and option that has Sub-Items and position your mouse over those items, when the menu expands to show all of the text, it is cut off on theright side, this only occurres when there is a flash document behind the menu. All of the other pages work fine.

Do you have any idea why this occurrs? I have tried several things to fix this, but no luck. Is there a fix for this?

A: Try to set exact width for your sub menus. You can do it usingIndividual Submenu style:

  var menuStylesNames=["Top Menu","width1","width2",];
  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0","itemSpacing=0","itemPadding=5px 6px 5px 6px"],
["smWidth=100px"],
["smWidth=210px"],
];

 ["|Modifieds ","mods.html", "", "", "", "_parent", "", "1", "", "", "", ],

 ["|Amateur Winter Race Bonnanza","http://triovalspeedway.vflyer.com/1/index.html", "", "", "", "", "", "2", "", "", "", ],



Q: Is it possible to insert a dhtml foldout menu item at the top of the submenu? For example, if a dhtml foldout menu is defined as:

  var menuItems = [
["Search","","","","","","1","0"],
 ["|Residential","srch.php","","","","","0"],
 ["|VacantLand","srch.php?cri","","","","","0"],
 ["|Commercial/Industrial","srch.php","","","","","0"]];

How can I add a new item above “Residential?” I’ve tried the following with no luck — the forth argument does not seem to be used:

dm_ext_addItem(0, 1, ["New Sample", "testlink.htm", "", "", "Your Sample Tooltip", "middle", 0], 0)

A: To insert item in the specific position you should use thefollowing function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)



Q: One other issue I'm having is that the content for the menu bar in java "selected tab" on my site does not show up in IE7. Works fine in firefox, though. Any ideas about that?

A: Try to delete height: 0%; parameter from the styles:

<div id="content1" style="height: 0%; visibility: hidden;" class="tabPage">

So you'll have:
<div id="content1" style="visibility: hidden;" class="tabPage">