Simple Jquery Collapsing Menu by Deluxe-Menu.com
Simple Jquery Collapsing Menu

Menu Screenshots

Simple Jquery Collapsing Menu Pack Menu En Javascript

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
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
Collapsible Dhtml Menu Simple Jquery Collapsing Menu
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 simple jquery collapsing menu menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I am trying out your program and it's really sweet. I have 1 little problem. I created the menu everything works in IE7. In firefox the menu is about 4 or 5 px longer. It seems like in firefox there is a border around each top level item although I have set all borders to 0 (I can see that because I have set roolover color of background to opposite of normal color)


A: Try to set exact width for the menu in "px".

For example:
  var menuWidth="600px";


Q: Is it possible to expand vertical collapse menu in a predefined way?

A: You can expand some items by default.
Add '+' sign before items text in that case:

["+Deluxe Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
 ["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],

"Deluxe Tree: XP Style" item will be expanded by default in that case.

Use   var texpanded=1; parameter to expand all menu items by default.

Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specificmenu items dynamically:
http://deluxe-tree.com/functions-info.html

Q: We've been using Deluxe Menu for a couple of years now and we're very pleased with it. Recently, we switched to a layout heavy on CSS, and when we insert the javascript menu code into an absolutely-positioned div, the menu appears where it should, but the sub-menus drop down off to the side in both Firefox and IE. I've tried adjusting the x-offsets in the configuration file with negative values to bring them closer to the top-level menu item, but this doesn't seem to do the trick completely.

I also went through a number of sample questions in the support section of the Deluxe Menu site, but I haven't been able to find any sort of resolution.

If you have any suggestions, I'd be very appreciative.


A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute; TOP: 0px"

to the

<div id=div_name>

So, you'll have:

<DIV id=div_name style="POSITION: absolute; TOP: 0px">aaspot_US~.Hration...M&Project Tool Configuration.Try that.


Q: Another problem I've found with v3.1 is that the top X value of the javascript floating menu is not used once you start scrolling a page.

A: Yes, we've made some changes in javascript floating menu feature in the new version.

Try to set
  var floatable=2;