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

Template:

Green Tabs Template - Mouseover Drop Down Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - UL/LI items structure
    - Submenus go over all page objects
    - Transition #14 - "fade out" effect
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Sound support!
    - Several menus on one page
    - Horizontal or vertical orientation




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

Menu Screenshots

Vertical Collapsible Menu Using Jquery Tree Menus

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

Features

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!
Cost Effective
Cool Menus Dhtml Vertical Collapsible Menu Using Jquery
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical collapsible menu using jquery 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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: The problem with the old computer (by clicking an item the wrong subitem appears and the windows disappears not fast enough. I have tried your recommendation

  var smShowPause=200;
  var smHidePause=1000;
  var transDuration=350;
  var transDuration2=200;


A: Try to decrease these parameters, for example

  var smShowPause=200;
  var smHidePause=300;

Try that.


Q: I can't seem to figure out how to specify the width of individual javascript pulldown menu items. I would like to specify that each menu item on the horizontal take up just 113px regardless of the number of characters in the item. Is there a way of doing that?

A: You should use   var itemStyles to set an individual item style. Forexample:

  var itemStyles = [
["itemWidth=113px"]
];

  var menuItems = [
["text 1", "link", "icon1", "icon2", "tip", "target", "0"],
["text 2", "link", "icon1", "icon2", "tip", "target", "0"],
["text 3", "link", "icon1", "icon2", "tip", "target", "0"],
];

Where "0" - style number in itemStyles that contains the parametersfor items width.

Use Deluxe Tuner GUI to create and assign individual styles.


Q: I've downloaded and installed the trial software and have built the example that came with it.

What I would like to do is make the sub items ("New Sample 1" - "New Sample 5") display when the user clicks "Sample Block 1", rather than having to click the little + sign next to it.


A: You should set the following parameter:

  var texpandItemClick=1;

Try that.


Q: We recently purchased your full package, and I have a couple of questions regarding deluxe-menu in particular.

1) I'd like to change what's in the noscript area to something other than an ad for you in the event my user has JavaScript disabled. I can understand the copyright remaining intact, however I don't believe I should have to display this to my users in the noscript.

2) I'm using this inside our firewall on a VPN intranet application. Am I going to have issues with the key if the site has multiple host headers and domains attached to it?


A: Thanks for your interest in our products.

1) If you delete noscript tag from your pages you'll see "IncorrectCopyright" message in IE.
You can generate search engine friendly code. When JavaScript isdisabled you will see the links.
Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).

2) Deluxe Menus support multiple keys in one data file,so you can apply the following syntax to use the same html codeunder multiple domains:

  var key ="THE_FIRST_KEY"; //sandvine.com
  var key1="THE_SECOND_KEY"; //salestools
...


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