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

Menu Screenshots

Jquery Menu Vertical Desplegable Javascript Disable Drag N Drop

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
Cost Effective
Tab Menus In Html Jquery Menu Vertical Desplegable
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 menu vertical desplegable 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 jquery menu vertical desplegable 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

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.

Recent Questions

Q: Does dropdown menu javascript supports right to left languages?

A: Yes, Deluxe Menu support right to left languages, set the following parameter:

  var dmRTL=1;

Specify also align for your items:

  var itemAlignTop="right";
  var itemAlign="right";

Q: Everything will go fine during setup, until I get further into it, I will get an error. It says error on a line of text that isnt even there. The line of text does not exists. Please let me know how I can correct this issue and get the program running right.

A: See, it is not correct to write " symbols within menuItems:

   ["||A23 (3" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A23+%283%22+DIAM%29",

Try to write your last items in the following way:
   ["||A15 (2" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A15+%282%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],
   ["||A19 (2.5" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A19+%282%2E5%22+DIAMETER%29", "", "", "", "", "", "", "", "", "", ],
   ["||A21 (2.6" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A21+%282%2E6%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],
   ["||A23 (3" DIAM)","http://www.interlight.biz/products.int?Category=INCANDESCENT&Subcat=A+SHAPE&Dept=A23+%283%22+DIAM%29", "", "", "", "", "", "", "", "", "", ],




Q: Is there any way to change the font size of the secondary and tertiary links but yet have a different font size for the primary links?


A: You can use different font style for each link on each level.
You should use Individual Item Styles.
Please, use Dhtml Tuner application to create individual styles.

For example:

// --- DHTML Tuner style names ---
  var tstylesNames=["Individual Style 1","Individual Style 2","Individual Style 3","Individual Style 4","New Individual Style",];
  var tXPStylesNames=["Individual Style 1",];

  var tstyles = [
["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#FFFFFF,#428EFF","tfontDecoration=none,none"],
//style 0 ["tfontStyle=bold 8pt Tahoma","titemBackColor=#265BCC,#265BCC","tfontColor=#215DC6,#428EFF","tfontDecoration=none,none"],
//style 1 ["tfontDecoration=none,none"],
//style 2
["tfontStyle=normal 8pt Tahoma","tfontColor=#013D6D,#5555FF"],
//style 3
["tfontStyle=bold 11px Bookman Old Style","tfontColor=#000000,#000000","tfontDecoration=none,underline"],
//style 4
];

  var tmenuItems = [

["+DHTML Menus","", "images/xpicon1.gif", , , "DHTML Menus", , "0", , , , ],
//style 0
 ["|DHTML Menu","http://dhtml-menu.com", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Information", "_self", , , , , ],
 ["|+DHTML Tree Menu","", "images/icon1.gif", "images/icon1o.gif", "images/icon1o.gif", "Support", "_self", "2", , , , ],
//style 2
   ["||2 styles: standard & XP","", , , , , , "3", , , , ],
//style 3
   ["|||Item 23","", , , , , , "4", , , , ],
//style 4
   ["|||Item 24","", , , , , , , , , , ],
   ["||Individual Item & Submenu Styles","", , , , , , "3", , , , ],
//style 3
   ["||Floatable & Movable Menu","", , , , , , "3", , , , ],
//style 3
....


Q: As a follow up, please could you take a look at the attached images and let us know if there are any settings within the javascript drop menu files set within the previous mail that would make the 1st sub menu indent a couple of pixels when the 2nd sub menu sits correctly.

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open dmenu.js file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;