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

Template:






    - Several menus on one page
    - Submenus go over all page objects
    - Cross-frame support - menus work on frameset-based pages
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - UL/LI items structure
    - 85% transparency for sub menus
    - Text aligned to left
    - Hundreds of pre-designed templates




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

Menu Screenshots

Jquery Vertical Slide Menu Dhtml Style Shadow Layer

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

Features

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
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
Tutorial Dhtml Make Drop Down Jquery Vertical Slide Menu
Cost Effective
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 jquery vertical slide menu 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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I built the menu and tried it in my site and I see nothing but text. No Block arrangement as in the preview within the builder.


A: Please, send us a copy of your html page (including .js files) ora direct link to your website, so we can check it.

Probably that you have overlooked to add dmenu.js file or images onyour server.


Q: Is there a way to programmatical select an item in the scrolling menu without the user actual click on the item?

A: You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.




Q: I'm trying to shrink the vertical size of the sub-menu entries in my menu:

I think I've specified all the parameters correctly in data.js, but itТs hard to tell what affects the height of the submenu entries. Even reducing the type from 10pt to 8pt didnТt shrink them at all.


A: See, you set the following parameter:

  var itemPadding = 7;

That is why you have such a big padding around the items.

If you don't want to change the appearance of the main items youshould create Individual Style for the subitems. For example:

  var menuStyles = [
["itemPadding=2px"],
];

And assign this style for the first item in submenu.


Q: I use the apy menu inside a table cell and it has 6 sub menus. The table width is 600 so I would like to have each sub menu with width 100 and each item with the same width. I use menuWidth=100 and itemWidth=100 but it doesn't work, each menu has a different size depending on the label.
Also, each sub menu label can fit in less than 100 but I really want the width to be 100 so it looks consistant across the full menu.
What am I doing wrong ?


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=100px"],
];

["DHTML
Menus","", "", "", , , "0", , , , , ],
...
["Apycom
products","", "", "", , , "0", , , , , ],
...
["Contacts","http://www.apycom.com/contact.html", "", "", , , "0", , , , , ],

See the attached example.


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