Superfish Vertical Menu Examples by Deluxe-Menu.com
Superfish Vertical Menu Examples

Menu Screenshots

Superfish Vertical Menu Examples Rollover Menu

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed superfish vertical menu examples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Xp Menu Webmenu Superfish Vertical Menu Examples
Easy Setup
  • De Luxe Tuner. GUI interface to create your superfish vertical menu examples 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
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.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).

Recent Questions

Q: Is there a way to specify certian font styles escpecailly a hanging indent on the text of the navigation menubar?

A: You should use Individual styles, for example:
  var itemStyles = [
["fontStyle=bold 12px Arial,Helvetica", "fontDecoration=none,underline"], // style 0
["fontStyle=normal 12px Arial,Helvetica", "fontDecoration=underline,underline"], // style 1
["fontStyle=normal 14px Arial,Helvetica", "fontDecoration=none,none"], // style 2
];

And assign styles to your items:
  var menuItems = [
["1 Item","index.php","","","","_self","0",,,],
["2 Item","","","","","_self","1",,,],
 ["|Submenu Item","","","","","_self","2",,,],
...



Q: I purchased your product yesterday and was quite impressed, but I am having a bit of a problem with my submenuitems. In the general menu properties there is a "Global"   var titemHeight = 22; My problem is that I would like my upper level of my free tree menu to have one itemheight and my submenuitems to have a smaller height. Is this possible?

A: In the XP Style
  var tXPStyle=1;
the item's height for the top items and submenus will be different.

If you want to use
  var tXPStyle=0;

you can set ite's height for the submenus:
  var titemHeight=16;

And for other items use the blank icon with the height you want to have for the upperlevel of your menu items.


Q: Do you have an extremely simple example of modifying a dynamic drop down menus with the JavaScript API? I've played with the example on the site, but I have trouble removing the other menus without breaking it.

I just want to use the API to change the icon on the menu items.

A: You should use the following function:
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

<script language="javascript" >
dm_ext_changeItem(0, 0, 1, ["", "", "new_icon.gif", "new_icon_o.gif", "",,""]);
</script>

http://deluxe-menu.com/dynamic-functions-sample.html


Q: We'd tried the useIFrame = 1 as well and the issue is fixed but the IE6 shows a "non secure objects over a secure connection" message, it worries me because on one side the problem is solved but on the other hand it generates confusion.

As an alternative we're planning to use the Deluxe navigation tree in order to avoid these overlapping problems, but it doesn't show up in IE7 over W2K3 R2!!

We requiere your support to use either the Deluxe Tree or the Deluxe Menu,

I'll look forward your kind answer.

A: Deluxe navigation tree works fine in IE7.

Try to set width and height parameters:

  var tmenuWidth="230px";
  var tmenuHeight="auto";