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

Menu Screenshots

Vertical Collapsable Jquery Menu Source Code Examples Creating Menus In Javascript

Features

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
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
Folding Menu Dhtml Vertical Collapsable Jquery Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical collapsable jquery menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical collapsable jquery menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view 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 automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I was testing your suite and I like it very much, but I do have problems with IE 7 (last updates) on a winXP Pro machine. The javascript menu sample doesn't show up on the site. Do you know something about this or can you tell me what I have made wrong? I tried the normal export and also the export code for search friendly sites.

Please give me a short hint, what I must change.
Looking forward in hearing from you soon

A: Try to set exact width for the menu.

  var menuWidth="400px";



Q: Here is a snapshot from the javascript drop down menu:

["admin","/Main/Administration.asp", "", "", "", "", "1", "", "", ],

 ["|test1","http://www.vg.no", "", "", "", "", "0", "0", "", ],

 ["|test2","/Main/Setup.asp", "", "", "", "", "0", "0", "", ],

If I click on test1 which is a Norwegian newspaper, it works.

But it I click on test2 which is a link to my page – it does not work.

A: You cannot use "" symbols within menuItems. It is not correct.
Try to write your javascript drop down menu items in the following way:

["admin","/Main/Administration.asp", "", "", "", "", "1", "", "", ],
 ["|test1","http://www.vg.no", "", "", "", "", "0", "0", "", ],
 ["|test2","/Main/Setup.asp", "", "", "", "", "0", "0", "", ],



Q: Can we set the link of a java menu item to a javascript method?


A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

  var menuItems = [
["text", "javascript:your_function(...)", ...]
];

  var menuItems = [
["item text", "javascript:alert('Hello World')", , , , ,]
];


Q: I am using your Deluxe Tabs software, and I am simply trying to implement your dhtml menu samples:

http://deluxe-tabs.com/file/templates/deluxe-tabs-style-3.html

I have downloaded the trial software and built my tabs, but at this point, all I have is the tabs... I need the entire box under the tabs, and I need to be able to insert my content for each tab.

Please explain to me how to use your dhtml menu samples.


A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID. You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>