Slide In Floating Menu by Deluxe-Menu.com
Slide In Floating Menu

Template:

Coffee Menu Template - Dropdown Html Menu






    - Transition #14 - "fade out" effect
    - Unlimited number of sub levels
    - Sound support!
    - 85% transparency for sub menus
    - Several menus on one page
    - Submenus go over all page objects
    - Top items and submenus have a shadow
    - Submenus dropdown on mouseover




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

Menu Screenshots

Slide In Floating Menu Javascript Tab Examples

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
Dynamic Dhtml Dropdown Menu Slide In Floating Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed slide in floating menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

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

Recent Questions

Q: We purchased your deluxe menu two months ago. Right now, I try to resize the menu icon to fit our website. I changed MenuHeight, I got duplicate menu icons. I also want to change Menu Icon font, but I couldn't do it. We have your previous version menu system, As soon as we change bigger font for Menu Icon, it will be resize. I really think you sould have this function. Otherwise, I got create my own image.

A: See images in Vista Templates have the fixed width and height (92 x21).

If you want to change items' width/height you should change images.

btn_magentablack.gif
btn_magenta.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

To change font in the top items you should change your Individual ItemStyle.

  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"],
];

You can do it in Deluxe Tuner.



Q: Everything works perfectly on Firefox, nothing works on IE6.

No rollovers, no drop downs.


A: You should the following parameters

  var menuBorderWidth="0";
  var itemBorderWidth="0";

These parameters cannot be empty.


Q: Although our college standard is IE, a lot of our students use firefox. I tried the css drop menu in Firefox 2, and it works, but the nice transition effect isn't there. Will you make this work soon?

A: Transparency and other transitional effects are supported by IE 5.5+only. This is MS IE feature. Other browsers don't support them.



Q: I can not figure out how to get the grey separator gif to show up in the navigation bar scripts.
Where in the DeluxeTuner do you select that?

A: You should add separators between your items,
use "Add separator" button on the mainwidow of Deluxe Tuner.

  var menuItems = [

["Item1","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item2","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item4","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item5","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item6","", "", "", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "", "", "", "", "", ],
["Item7","", "", "", "", "", "", "", "", "", "", ],
];

  var separatorVImage="separv1.gif";
  var separatorVWidth="1px";
  var separatorVHeight="21px";

Notice that I've used my on separator image, you should use your own image.


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