Relative Floating Menu by
Relative Floating Menu

Menu Screenshots

Relative Floating Menu Javascript Createpopup


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
Drag N Drop Item Javascript Relative Floating Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your relative floating menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed relative floating menu 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!

2.0 Buttons by v3.0.0

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.

Recent Questions

Q: The items of the flash drop down menu hides behind the video. Do you have other suggestions?

A: You should add "opaque" parameter for <object> and <embed> tags, for example:

<object width="750" height="435">
<param value="" name="movie"/>
<param value="true" name="allowFullScreen"/>
<param value="always" name="allowscriptaccess"/>
<param name="wmode" value="opaque">
<embed width="750" height="435" allowfullscreen="true" wmode="opaque" allowscriptaccess="always" type="application/x-shockwave-flash" src=""/>

Q: How do I add content to each tab in the hover tab menu so that the content will appear on this same page
(as opposed to having to move to another page)?

A: You should paste your content in the <div> ..

<div id="content1" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt=""></p>

<div id="content2" style="visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt=""></p>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt=""></p>

See in Deluxe Tabs there are two modes:

1.   var tabMode=0;
You can create only one level of tabs and assign Object Id's of the
DIV's to show when you click on the tab.

["XP Tab 1","content1", "", "", "", "", "", "", "", ],
["XP Tab 2","content2", "", "", "", "", "", "", "", ],
["XP Tab 3","content3", "", "", "", "", "", "", "", ],
["XP Tab 4","content4", "", "", "", "", "", "", "", ],

2.   var tabMode=1;
You can assign only links in this mode.
You should create top level items with subitems.

["XP Tab 1","", "", "", "", "", "", "", "", ],
 ["|Link 1_1","", "", "", "", "", "0", "", "", ],
 ["|Link 1_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 1_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 2","", "", "", "", "", "", "", "", ],
 ["|Link 2_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 2_5","testlink.htm", "", "", "", "", "0", "", "", ],
["XP Tab 3","", "", "", "", "", "", "", "", ],
 ["|Link 3_1","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_2","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_3","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_4","testlink.htm", "", "", "", "", "0", "", "", ],
 ["|Link 3_5","testlink.htm", "", "", "", "", "0", "", "", ],

You can use Object ID as well as Link in both modes. Use the following prefixes within item's link field:
"object:" - means that there is object id after it;
"link:" - means that there is a link after it.
"javascript:" - means that there is a javascript code after it, for example:javascript:alert(\'Hello!\')

So, you should write for example:

 ["|Link 1_1","object:Content1_1", "", "", "", "", "0", "", "", ],

Q: I need a menu system that can do one Vertical menu example in java and a completely separate Horizontal menu on the same page, no frames. Will this menu software do this?

A: Yes, you can create two menus (vertical and horizontal) and installthem on the same page. See the attached example.

Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!

A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>

<table width=800>
<td align=center width=600>

More Q&A

Flexi CSS Layouts for Dreamweaver » Absolute Positioning

To do this you use "position: relative" and supply the left, right, ... may interact with other page content (a dynamic menu for example)

Working with Stylus Pop-up Menu API - S60 Touch UI - Forum Nokia Wiki

Stylus Pop-up Menu is a new component introduced in S60 5th edition Touch ... What is Stylus Pop-up Menu API. It is a floating component. .... aPenEventLocation gives Long tap event location relative to parent control

Floating div within boundaries -

As the script is, the menu position is absolute relative to the browser. Is there a way to make the floating div absolute to the boundaries

Phun - 2D physics sandbox - forum / [Thyme] Beta 5 Command List

Open - Open a scene //this is relatively the same as "loadScene" isn't ..... AddWidget - Creates a floating dialog/menu - common attributes

What Is The Best Stage Setting for most Browsers?

And for sure you can click on the menu list to go to whatever page. ... All of the "ooh and ahh" you have, comes from your relative newness ... Oh, so you want what is known as a draggable window, not a floating menu ;)

AddThis User Community • View topic - Positioning problem in Share

If the share-button is implemented in a fixed position DIV like in a floating menu, ... the button) is not updated relative to the actual button-position. ... So the "mini-menu"-position is often not visible at all on hover or may ... What I would recommend doing is setting the expanded menu as the

CMS Made Simple Forum: CSSMenu top - Größen anpassen

floating left will set menu items to line up left to right else they ... position: relative; /* less padding than first level no need for

Float left breaks background colour

Aug 10, 2010 ... Essentially I'm creating a 'drop-up' menu without javascript. ... instead of ' float: left', to sort my main menu items horizontally. ... color: #FFFFFF; } # menu ul { } #menu li { position: relative; display: block;

Tableau Data Export Options, Node Network View, & Absolute vs

This metadata could be represented using floating point numbers between -1 ... and finally (4) the option to size and color relative to other values ... just Access) from the file menu (so avoiding clipboard size limits)

CMS Made Simple Forum: [SOLVED] Menu appearance different in IE8

floating left will set menu items to line up left to right else they ... position: relative; /* less padding than first level no need for

Joomla! • View topic - Floating flash movie with transparent

It enables you to select specific articles, menu items, etc. .... Some may want it relative to an article, while others (like myself) want

Choosing Screen Resolution [Archive] - Small Business Ideas Forum

"em" is relative to the screen resolution, similar to "%". .... other than that I have already removed the floating menu because it was more

[SOLVED] invisible floating buttons in %logo area - Wordpress

[SOLVED] invisible floating buttons in %logo area Header configuration & styling . ... position: relative; float: left; width: auto; margin-right: 10%; .... rinoa3108, Page & Category Menu Bars, 9, Aug 9, 2009 02:06 PM

Higher traffic means higher ranking, but does higher ranking

Jan 25, 2010 ... Onto design, first, your background image for your left menu is a large image: .... If you think that's difficult try making a floating bottom bar. ... But as said you can use relative if you also want to mess with

CSS Floating wrong in IE...why? - Ultimate Web Site Drop Down Menu

Popup menus. absolutely positioned · relative to a link · across frames ... Why does the div in FF actually float over the box, but in IE,

MEGA POST - Mais de 500 aplicações - Agora é nacional

Jul 12, 2007 ... check your start menu to see if the program is there yet. ..... options are also availible through a convenient floating menu (screenshot) .... whose size is a relative comparison to all the other files in your system

Multiple Exposures, HDR and the D90 - Nikon Forum

You could use multiple exposure (record menu) in combination with exposure ... fact be robust enough to begin working in HDR formats (32 bit floating point per pixel). ... The levels are more absolute and less relative

Template of this forum?? « bbPress Support Forums

#profile-menu { list-style: none; position: relative; right: 0; ... with the profile menu on the right hand side floating......but this will fix you up!

CSS Position vs Float

In other words a float is always relative to its parent etc in the page flow so if ... Use floating, heights and widths, margin and padding whenever possible because ... Main Menu; You are Here; Ozzu · Webmaster Forum

I need to have a floating menu, like this: - Webmaster Forum

Does anyone know how I can do something like the menu that apprears when you put .... (search their site for floating menu or something like that.). ... DHTML Menu slide menu how to make it relative to table, ajay201975

help with javascript : JavaScript Forum

Apr 15, 2010 ... #jgal li img { POSITION: relative; DISPLAY: none; top: 25px; LEFT: 25px; ... = floatingMenu.nextX + 'px';

WYSIFA Forum • View topic - Stu Nicholls' (CSS Play) CSS Frames

(Applications have fixed menus, and frames helped emulate this familiar ... so if I'm creating any page involving scrolling and/or floating DIV's, ... In IE6 this would be rendered as relative position and would push the

Showmenu2 - CSS/Styling

.menu-0 li a { position: relative; width: auto; display: block; ... childpages droplet and floating the links left in a centered container

Java GUI Design: Docking and floating observation / questions

I'm currently designing an application that will have floating and docking panels. ... are using a combination of JDialog Boxes that have a fixed relative ... with complex GUI's as it allows easier access to a lot of menu's. It just