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

Template:






    - 85% transparency for sub menus
    - Inactive/Disabled items
    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Image arrows
    - Cross-frame support - menus work on frameset-based pages
    - Status string shows item labels
    - Submenus go over all page objects




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 Java Horizontal Dropdown Menu

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical collapsible menu using jquery menus easily and in no time
  • Sensible menu parameters for manual editing
Tab Examples In Html Vertical Collapsible Menu Using Jquery
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
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
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



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I cannot see the arrow.gif's in my rollover drop down menu.

Here is my code:
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowWidthSub=0;
  var arrowHeightSub=0;
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Do I need to put the arrow's somewhere else?

A: You should check the following parameter:

  var pathPrefix_img="data-samples/images/";

Please check that you have the correct path to your aroows relative to the folder withindex.html file.

For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html

In menu.js file you should write:
  var pathPrefix_img="menudir/";
  var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
  var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];

or
  var pathPrefix_img="";
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

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’m trying to setup a simple DHTML MENU (TREE MENU). It works just fine. I just have an issue that I can’t solve.

The parameter “  var tmenuHeight = "0"; Your documentation says the following
-----------

Height of the menu in (px, % or other units).
If the value 0 - the menu sets its height automatically.
If the value is small - scrollbars appear.

In IE it looks fine but I cannot see the menu in Firefox. When I set the parameter to for example 100 then it shows up both in IE and Firefox. But I cannot set a value in pixels. I don’t know how big the menu is because it’s dynamically built. According to your doc I can specify the value in percentage but this doesn’t work. When I set the value to “100%” it doesn’t show up in Firefox again.  

How can I solve this issue?

A: Try to set this parameter in the following way:

  var tmenuHeight = "auto";



Q: How can I make the submenus appear much more quickly for the javascript expand menu?They appear but only after mouseing-over the menu and waiting for approximately one second.

A: Try to adjust the following parameters:
  var dm_writeAll=0;

  var smShowPause=100;
  var smHidePause=1000;

  var transDuration=150;
  var transDuration2=200;

You can also turn off transitional effects
  var transition=-1;



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