Float Slide Out Menu by Deluxe-Menu.com
Float Slide Out Menu

Menu Screenshots

Float Slide Out Menu Code Samples For Creating Menu Using Java Script

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!
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
Drop Down Javascript Width Float Slide Out Menu
Easy Setup
  • De Luxe Tuner. GUI interface to create your float slide out menu menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed float slide out menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

Recent Questions

Q: http://deluxe-tabs.com/file/templates/deluxe-tabs-style-5.html

I like the transitional fade of onclick tab data between tabs of this menu, but I don't see anything in Transitional Effect variables to manipulate this.

A: You can set transitional effects in the "Transitional Effects"section in Deluxe Tuner.

//--- Transitional Effects
  var btransition=24;
  var btransOptions="";
  var btransDuration=300;

Notice that Transitional Effects are supported by IE5.5+ only.


Q: I don't understand how may I include content in each js tab, may you send to me examples or more information??

A: 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 theDIV's to show when you click on the js tab.

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

You should paste your content in the <div> .. </div> tags.

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

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

</div>

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

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","http://deluxe-tabs.com", "", "", "", "", "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: 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">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

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>
</SCRIPT>
</DIV>

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

More Q&A

Help Creating Menus in Templates in Forum at Theme Joomla

Is it possible with your Joomla templates to have horizontal and vertical multi- level drop-down or expand-out menus created automatically based on the

SynthMaker Forum • View topic - New Releases

Move in/out of module menu shortcut key labels are wrong ... Other New components: Float Stack, MIDI Mono, Draw Point Array Lines, Graph to Point Array , ... Other New components: Counter, Slide, Rule Alpha, Rule Plus

Front Page Slide Show working.... - K2 Community

Also worth checking out 'Very SIG' that now works with HP ... One nice thing is that it supports floating-width templates in a very elegant way. .... on the front page I thought it was something to do with the menu,

Slide out menus with CSS - WebDeveloper.com

Basically what I am looking for is to make the menus slide out. ... to make the navigation bar positions on the left of the content*/ float:

Solution to Suckerfish (or other) menus expanding behind

Maybe one of those special commented out css lines or leading characters that IE sees anyway where ... div#horiz-menu li { margin: 0; padding: 0; padding-right: 2px; float: left; ..... #slide-wrapper #slide-outer .slide .slide-inner {

Audacity Forum • View topic - Request: Skin

As it stands having each base icon being 16 x 16 and the float over behind at 48 x ... There's a little blurb in the Themes menu in Audacity saying most of the icons ... And finally I don't like the gold Slider control. ... no idea what color I changed to make the input out put icons look garbled

InsanelyMac Forum > Cocoa Tutorial

This program, Slider, will consist of a simple window with a slider bar ... First, give focus to the menu bar of our program by clicking the ... I think its very well laid out and all the pictures would be really helpful for beginnners. .... lblThree.text = (float)lblOne.text + (float)lblTwo.text;

The Game Creators Forum - DBPro Newcomers - some problems with

Alternative is to rem get the normalY direction to work out how flat the gorund rem ... if it's steep slide the rem player down the slope

Joomla! • View topic - Centering Menu in Kinetic Rockettheme template

Jul 20, 2010 ... And right below that remove the "float:left" : ... In the template page, rockettheme has a sliding bar to allow for positioning of the modules. ... the pill box effect that slides in behind the menu item is out of place

Setting up CS5: PC Talk Forum: Digital Photography Review

But I can't get “Float all in windows” to stick, it must be reset each time. ... When I saved, I checked the menus box and shortcuts box. ... I can then move the floating window around, over the panels, and even out of the PS window ... then slide the floating window up to just beneath the PS Window

openframeworks.cc • View topic - ofxSimpleGui - The world simplest Gui

3. set the min (changes if a float or int ie: 1 = int 1.0 = float) ... I will check that out since I was to lazy to get the other gui to run. made some ... I added a 2d slider and a neat little movie player gui. ... for input (typing into a box) or maybe/also some dropdown menu (might be tougher)

Archived CMSimple Support Forum • View topic - A CSS driven

In this case, the door wing, which slides to the left, is coupled to the <li> tag, ... div#nav li a{display:block;float:left;padding: 1px 10px 0 7px ..... However, I wasn't able to extract any decent stuff out of it

The Maggotdrowners Forum - Beginners Guide to Pole Rigs

Then push the rubbers onto the float stem and space them out evenly: ... I like to use what are known as "Slide winders", as these have a sliding hook ... that Nemesis,very useful info,I'll put it in the favourites menu

Alpaca Forum at AlpacaNation - Yet Another Fecal Question

I just put enough float in the tubes so it rises above a tiny bit and drop a cover slide on it. Then I just pick up the cover slide and the

Spraying gas out of carbs, and flooding out. Help! at Snowmobile

check out your floats and try to see if they are getting stuck and see if your slides are synced and if it isnt that tak apart your carbs

Trophy Guide - PS3Trophies.org

The Chairman will float around the outside of the level while summoning ... First you need to buy the Slam Dunk upgrade in the pause menu. .... Once you capture a ghost with your Blast Stream, slide out a trap with the

Slide Viewer & Text Arrangement :: Forum :: Indexhibit

[menu] [slide viewer] [text]. It now looks like: [menu] [text] [slideviewer] ... I'll try that very soon, but have to run out and grab some dinner. .... parce que je n'y vois pas de page en slider float left

Problem with page width and header/footer overlap

Jun 17, 2008... #menu li {float:left; background:#000000 url(slide/slide_0.gif) .... So if there's anything that's out of date, it was part of the

sliding panel plugin and ie page placement - Wordpress Themes - WP

In IE it is floating to the right side rather than a left and right column that shows up in firefox. ... plugin is now causing the menu bar not to be clickable in Chrome only. ... The link to slide the container in/out:

NEWS: Legoland California adding a Waterpark - Theme Park Review

No it is possible to build a float out of Lego like pieces not actual ... including a six-person raft slide and one-person tube slide,

Unity Community // View topic - 2D slider

static void swap(ref float f1, ref float f2) { float tmp = f1; .... as the thumb can slide out of the slider bar. and bad adjustable. .... There's an item called "Report a problem" at the bottom of Unity's Help menu

MediaMonkey • View topic - Songbird Skin v1.6 [MM3] Small Player

You made a slim float player AND a MonkeyRok skin. ... areas in the slide bar that are blacked out, and I can't move the slider behind them. ... Maybe the menu text items & status bar text shouldn't have been in black

D70 Under Water -- LCD Screen Malfunction - Photo.net Nikon Forum

As soon as I am in the water, the LCD screen blacks out. I can not reach any menu controls, or review any pictures I have taken

Widget Workshop's Forum Nokia Blog

Create options menu (using chaining) Menu MENU = new Menu() ... slideOut(w, 0, w , h, shell); } // Called for each view element .... there's no floating point support in Helium script (i.e. floats or doubles)