Floating Menu Example by Deluxe-Menu.com
Floating Menu Example

Template:

iPhone 9 Template - CSS Drop Menu






    - Status string shows item labels
    - Several menus on one page
    - Submenus automatically scrolls
    - Submenus dropdown on mouseover
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Submenus go over all page objects
    - Relative/Absolute menu position




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

Menu Screenshots

Floating Menu Example Make A Tab Menu

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

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!
Cost Effective
Style For Menu Object In Javascript Floating Menu Example
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
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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is there any way of asigning the background color of the submenu (I onlyneed one level of nesting menus) different from the background color of thedhtml rollover?

A: Create Individual Submenu Style and assign it for the first item in that case:

  var menuBackColor="#d1d1d1";

  var menuStyles = [
["menuBackColor=#FFFFFF"],
];

["mбs info","http://www.dimensionmultimedia.com/psoepruebas/?page_id=19","","","","","0","0","","","",],



Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?

I'm using a JavaScript such as the one below:

<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>


A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.

For example:

  var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];

or
  var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];


Q: I have tried various different ways,I cannot get a separator image I have specified in the Separators section to display for the navigation-bar-menu. I have verified that the image exists, but still nothing.

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 Deluxe
Tuner, use "Add separator" button), for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],




Q: I am testing your image based vertical menu. I am happy with it and about to buy the muti-site license if you can help me with one problem.

The menu looks different in IE compared to Firefox. In IE it is much smaller.


A: Try to specify units in "px":

  var itemPadding="3px";
  var itemStyles = [
["itemWidth=150px"],
]

  var menuStyles = [
["smHeight=200px"],
];

Try that.


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