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

Menu Screenshots

Jquery Menu Vertical Create Pop Up Menu Javascript

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!
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
Drop Down Buttons Jquery Menu Vertical
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery menu vertical menus easily and in no time
  • Sensible menu parameters for manual editing
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: I am trying to use the Drop Down Menu in a perl script. I would like to know if this is possible?


A: You can use javascript menu in a perl script. Please, see the examplebelow.
------------------ begin program
#!/usr/bin/perl
#!c:\perl\bin\perl

use CGI; # CGI library
use DBI; # Database library
print "Content-Type: text/html\n\n";

use CGI::Carp qw(fatalsToBrowser);
print '<head>
<!-- Deluxe Menu -->
<noscript><a href=http://deluxe-menu.com/>Javascript Menu byDeluxe-Menu.com</a></noscript>
<script type="text/javascript" language="JavaScript1.2">  var dmWorkPath ="menudir/";</script>
<script type="text/javascript" language="JavaScript1.2" src="menudir/dmenu.js"></script>
<!-- (c) 2005, http://deluxe-menu.com --> </head>';

print "<table>";
print '<tr><td><script type="text/javascript" language="JavaScript1.2" src="menudir/data-deluxe-menu.js"></script></td></tr>';
print '<tr><td>second line</td></tr>';
print '</table>';

exit;

_______________________ end program


Q: How about getting the entire side navigation bar to sit in the centre rather than left align?

A: You can set your menu in the <div> tag and use the alignment you need:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2009, http://deluxe-menu.com -->

<div align="center">
<script type="text/javascript" src="menudir/data.js"></script>
</div>

Q: I tried to add a fixed width on some of the items that I thought had too much empty space on the right of the text but would not work. Is it possible to have a fixed amount of pixels after the text for all navigation items of the css drop-down menu?

A: You can set padding parameter in the following way:

  var itemPadding="3px 15px 3px 3px";
                            top right bottom left



Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";