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

Menu Screenshots

Vertical Menu Jquery Ejemplos De Javascript

Features

Cost Effective
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
Javascript Collapsible Tree Vertical Menu Jquery
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical menu jquery menus easily and in no time
  • Sensible menu parameters for manual editing
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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: I'm trying out Deluxe Menu with my site, but I've hit a snag with alignment. My menu bar is located at the top of my page, in a 750px-wide div. I'd like to nest the nav menu in that div, but right-align it so the menus are stuck to the right side of the div. Is that possible with your menu system? If so, can you give an example of how I would accomplish it?


A: You can paste your menu in DIV with right alignment.

<div align="right">
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>


Q: I already found out the use of the pressedItem setting. However Iwas looking to be able to have a submenu in the html dropdown menu already expanded on pageload. Can you tell me if this is possible yet in any way ?

A: You can find the example here
http://deluxe-menu.com/highlighted-items-sample.html

Click on the following link:
Highlight "Product Info/Installation/Description of Files" item.

Use the following function to highlight items
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)
where parentOpen = true/false - open all submenus to show the selected item
http://deluxe-menu.com/functions-info.html




Q: We do need the menuitem separation bars as most of the menuitems are quit lengthy, and there needs to be a separation bar to distinguish between them.

A: If you want to add separators between items you can paste a separatorbetween items or you can set item's border width in the following way:

  var itemBorderWidth="0 0 1 0";
But you cannot enter this value in Deluxe Tuner you should set thisparameter manually.
You can also create style for the last item with border width = 0:

  var itemStyles = [
["itemBorderWidth=0"],
];

To add separators, please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="1";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],
];



Q: Do you have any tips on making the drop down menus load faster? My pages seem a little slower now that I have 2 Javascript menus loading per page.

A: Check that you have the following parameter set to 0:

  var dm_writeAll=0;