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

Menu Screenshots

Jquery Accordion Menu Vertical Data Creating Transparent Drop Down Menus

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed jquery accordion menu vertical data samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Sub Menu Jquery Accordion Menu Vertical Data
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
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
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.

  • 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: I want to activate script pop up by a hyperlink.

A: Drop down menu items is an array of arrays. It has the following structure:

  var menuItems = [
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
[text, link, iconNormal, iconOver, tip, target, itemStyleInd, submenuStyleInd, jsFilename],
...
];

where target is target for an item link.
Available values: _self, _blank, _parent, _search, _top.

So you can set the target value _blank for the items you need.

For example:

  var menuItems = [

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],
 ["|Features","http://deluxe-menu.com", "", "", "", "_blank", "", "", "", "", "", ],
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
 ["|Dynamic Functions","testlink.html", "", "", "", "_blank", "", "", "", "", "", ],
["Purchase","http://deluxe-menu.com/order-purchase.html", "", "", "", "", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "", "", "", "", "", ],
];

More info you can find here:
http://deluxe-menu.com/menu-items-info.html



Q: Do you plan to implement a fix in the cross browser drop down menu for the pointer - many of our users have complained that it is very un-intuitive - surely it must be possible to change the pointer to a hand if there is a link. I have tried putting <a> tags in to the menu labels, but it only changes to a hand if the actual label text is highlighted - it obviously should change whichever part of the box is highlighted? Is there no other workaround?


A: If you set the following parameter:
  var itemCursor="pointer";

You'll have the mousepointer being a hand for all itemsin the menu.

Unfortunately, you can't change cursor type for different items.
But you can write so:

["<a href='http://deluxe-menu.com/'>Home</a>","", , , , , , , , ],
["Product Info","", , , , , "0", , , ],
 ["|What's New","", , , , , "0", , , ],

In all items with links you should use <a> tag.

Set this parameter:
  var itemCursor="default";


Q: When my page loads up, there is a flash for about a second of all the text that is used in the java menus. This looks really bad to visitors like I am using hidden text on the page. Is there a way to prevent this flash of text?

A: I suppose that you see search engine friendly code.

<!-- Code for Deluxe Menu Items. Generated by Deluxe Tuner -->
<div id="dmlinks" style="font:undefined;color:#000000;text-decoration:none">
<a id="dmI0" href="testlink.html">Home</a>
<a id="dmI2" href="testlink.html">Features</a>
...
</div>
<!-- End of Code for Deluxe Menu Items -->

You won't see this text in most cases. We use it on our websites too.

But you can delete this code if you want.



Q: I have a question, why sample 2 item in my horizontal dropdown menu is disable?


A: To disable items you should set item target parameter as "_".

For example:
 ["|Sample 2 is Disabled","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", "", "_", "", "", "", ],