Websitebaker Submenu Flyout by Deluxe-Menu.com
Websitebaker Submenu Flyout

Menu Screenshots

Websitebaker Submenu Flyout Menu Web Example

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your websitebaker submenu flyout 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
Simple Webmenu Websitebaker Submenu Flyout
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed websitebaker submenu flyout 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
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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: I am looking for a way to use "position:fixed; in order to keep my drop menu navigation at the top of the screen when scrolling down.

Can you tell me how to do this?

A: You should use floating feature to keep your drop menu navigation at the top of thescreen when scrolling down.

See more info here:
http://www.deluxe-menu.com/floatable-menu-sample.html



Q: Is it possible to set the width for each individual tab in the html tabs navigation
instead of having them size dynamically based on the tab name?
Basically I want to have identically sized tabs,
but can't figure out how todo it.

A: You can create Individual Items Style and assign it to your tabs.

  var bstyles = [
["bitemWidth=100px"],
];

  var bmenuItems = [

["Item 1","", "", "", "", "", "0", "", "", ],
["Item 2","", "", "", "", "", "0", "", "", ],
["Item 3","", "", "", "", "", "0", "", "", ],
["Item 4","", "", "", "", "", "0", "", "", ],
["Item 5","", "", "", "", "", "0", "", "", ],
];

Q: I have created a CSS menu that appears in the <noscript> section, but am having a problem getting it to behave the same as the java menu. I want to show all the items as asingle line at each level, aligned to the left of the frame. I cannot find a way ofsetting left align in the style sheet or in the deluxe tuner for the css dhtml menu.

A: We've added align parameters in the new version 3.6:
  var subMenuAlign="pleft";

You should set this parameter and specify width for submenu. You can use different smwidthfor each submenu using Individual Submenu styles.


Q: I need a navigation bar dhtml where on the click of certain items, server side code on the page can be called and executed.
I need to create a multiple item select menu. Sothe menu would need to remain open and allow a user to selectmultiple items and would either submit onmouseout or maybe a “submitthese selections” menu item.

A: You can try to use Deluxe Tree in that case:
http://deluxe-tree.com

You can paste any html code inside item text, see example here:
http://deluxe-tree.com/data-samples/tree-menu1.js

["+Support", "", "icon5_t.gif", "icon5_to.gif", "", "Support Tip"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "","", "0"],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go'style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],
 ["|<INPUT TYPE=checkbox CHECKED ID=chk1 onclick='choosebox1()'>Uncheck this check box for some free advice","","","",],
["<img src='img/sep.gif' width=113 height=1>"],

You should also add your own code, so your checkbox will workcorrectly.