Superfish Vertical Menu Using Javascript by Deluxe-Menu.com
Superfish Vertical Menu Using Javascript

Menu Screenshots

Superfish Vertical Menu Using Javascript Navigation Menu Bar Generator

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!
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
Css Absolute Position Menu Tutorial Superfish Vertical Menu Using Javascript
Cost Effective
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed superfish vertical menu using javascript 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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding 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: If you use firefox this displays fine, in IE it seems to add cell padding around the bottom & right edge of the dhtml image menu. Cant see it in the code anywhere.

A: Set the following parameter:

  var shadowTop=0;



Q: Hello, I am trying to figure out how to use the Dynamic functionality in the java menu codes. I believe I want to use something like the dm_ext_changeItemVisibility function, and I want it to be dependent on HTML wrapped around the menu item.

Below is functionally how I want it to work:

Show menu item 1
Show menu item 2
<if condition="!is_member_of($bbuserinfo,10)">
Show menu item 3
</if>
Show menu item 4

Is there an example you can share that does something like this? I searched the site and could not find an answer.

A: Yes it's possible, please see
http://deluxe-menu.com/dynamic-functions-sample.html

Disable "Product Info/Installation" item.
and
Hide / show "Samples" item.

You can call these function via javascript depending on your conditions.



Q: I wanna open link in new window after click link in java script menu
how can make it ?


A: You should set the following parameter:

  var itemTarget="_blank";


Q: I had create a website navigation bar ,in that I need to give separator. But its not working.
Please advise.

A: To add a separator you should

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

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];