Flymenu Js by Deluxe-Menu.com
Flymenu Js

Menu Screenshots

Flymenu Js Menu Css Example

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed flymenu js 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!
Vertical Tab Menu Flymenu Js
Easy Setup
  • De Luxe Tuner. GUI interface to create your flymenu js menus easily and in no time
  • Sensible menu parameters for manual editing
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
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 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!

Recent Questions

Q: For the attributes that can have top, left, right, bottom, i.e. border, padding, is there any way to specify just one of them in the javascript context menu? i.e. border-left: 2px. I tried 2px 0 0 0 but that doesn't seem to work.

A: You can set different border width , forexample:

  var itemBorderWidth="1 0 2 5";
  var itemBorderWidth="top right bottom left";



Q: I am developing a site where the customer does not want any transition effects within the IE browser.
I want to emulate the above mentioned browsers with the same transition.
When mousing over javascript flyout menu - the submenu should appear with no effect.

A: To turn off transitional effects you should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;


Q: How can I create an image based tabs with the javascript tabs generator.

A: To use Image templates you should add separators between the items and assign Tab Style for the items.
To make a separator set an Item Text value into '-'.

You'll have the following bmenuItems   var bmenuItems = [
['Item 1','', '', '', '', '', '1', '','', ], //assign Individual Style 2
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 3','', '', '', '', '', '','', '', ],
['-','', '', '', '', '', '0', '', '', ], //assign Individual Style 1
['Item 5','', '', '', '', '', '2','', '', ], //assign Individual Style 3

;


Q: I can not figure out how you put the arrow that shows there's more information in the php drop down menu?
I tried and tried to figure it out where you add this .gif file?

A: You should set the following parameters in your data.js file:

  var arrowImageMain=["deluxe-menu.files/arrowmain.gif","deluxe-menu.files/arrowmaino.gif"];
//Normal and mouseover arrow images for top-level items.

  var arrowImageSub=["deluxe-menu.files/arrowsub.gif","deluxe-menu.files/arrowsubo.gif"];
// Normal and mouseover arrow images for submenu items.

You can set these parameters in Deluxe Tuner also:

Open 'Icons' section in the main window and set   var arrowImageMain and   var arrowImageSubparameters.