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

Template:

Dark Green Rounded Template - CSS Dynamic Menu






    - Image arrows
    - Search feature - add the search area in the menu and type symbols.
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 85% transparency for sub menus
    - Submenus go over all page objects
    - Relative/Absolute menu position
    - Transition #14 - "fade out" effect




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Superfish Vertical Menu Examples Css Navigation Examples

Buy Now!   ::  Free Trial Download   ::  More Info

Features

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
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!
Onmouseover Menu Javascript Superfish Vertical Menu Examples
Cost Effective
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Could you please just help me - I have been using quirks mode to create our customer sites and would now like to start using a proper doctype like:



But when I change it, all the down menus dhtml break on the sites.

A: Try to specify all units in "px":

  var itemPadding="3px";

  var itemStyles = [
["fontStyle=normal 11px Lucida SansUnicode","fontColor=#FFFFFF,#FFFFFF","itemBackColor=#DE2829,#C62829","itemBorderWidth=0",
"itemBorderColor=#FFFFFF,#C21212","itemBorderStyle=solid,solid",
"itemBackImage=blank.gif,blank.gif","itemWidth=160px"], ["itemWidth=129px"],
];

  var menuStyles = [
["itemSpacing=0", "itemPadding=8px"]
];




Q: Question is where in the data file configuration or within the menu Tuner would I inseart the icons for individual item labels and center them over the text or other alignments like you did in the horizontal menu on the deluxe-menu.com web site?


A: You should write, for example, so:

["<img src='data.files/micon1.gif' width=32 height=32><br> Home","testlink.html", , ,"" , , , , , ],


Q: The only one I wanted to change is that the colors of all items in the cool dhtml menu should be the same.
I tried to change that, but I did not find a solution.

A: You should change Individual style.

  var tXPStyles = [
["tXPTitleBackColor=#AFB1C3","tXPTitleBackImg=data-quelle.files/xptitle_s.gif",
"tXPExpandBtn=data-quelle.files/right1.gif,data-quelle.files/right1.gif,
data-quelle.files/right1.gif,data-quelle.files/right1.gif"],


Q: In internet explorer the menu appears as expected, in firefox it is shiftedway to the right

The deluxe menu code is all wrapped within < center> < /center> tags

How can this be resolved?


A: Try to specify units in "px", for example:

  var menuWidth="700px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.


Buy Now!   ::  Free Trial Download   ::  More Info