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

Menu Screenshots

Superfish Vertical Menu Examples Layers

Features

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
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!
Javascript Scroll 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
Cost Effective
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.

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

Recent Questions

Q: I have images that I want to use for the top level of the menu. How do I create a menu using images that were created in a different program? I tried to look in the frequently asked questions but IcouldnТt find anything that told me how. Thank you in advance for your help.


A: You can use any image for the top items.

You can set
  var itemBackImage=["",""];
Or, create Individual style

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

The new method of making image-based menus: if item text is empty, icon fields will be used as item images.

For example:

["", "index.html", "itemImageNormal.gif", "itemImageOver.gif", "Home Page"]


Q: If you look at my page in IE 7, the position of the submenus is too far over to the left from drop down menu. It is fine in Firefox.
Do you have any suggestions on this??


A: Try to set exact width for the menu:

  var menuWidth="600px";


Q: I recently received a non-profit license for your product, and after I installed it and the 'trial version' label disappeared, two of my javascript menu frames started appearing "up", instead of "down" which is preferred.

The 'enrollment center' and the 'physician center' work fine. The 'volunteer center' and 'donor center' used to work correctly (down) before I updated to the non-profit license, but now they appear "up".

If you could please help me that would be great.

A: You should set the following parameter:

  var subMenuVAlign="top";



Q: Thank you in advance for reviewing my question. By the way, I love the software and the menus it creates!

  Question: I would like my horizontal menu buttons all have a uniform width, for example, all 7 top level buttons 120 pixels wide. I am not finding this setting in the available parameters.

  Is there a way to do this? Any assistance would be appreciated.


A: You should create Individual Style and assign it for all top items.

  var itemStyles = [
["itemWidth=120px"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],