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

Menu Screenshots

Float Slide Out Menu Javascript Menu Code

Features

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
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
Codes For Drop Down Menus 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
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
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.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: In internet explorer the menu appears as expected, in firefox it is shiftedway to the right

The deluxe menu code is all wrapped within < center> < /center> tags

How can this be resolved?


A: Try to specify units in "px", for example:

  var menuWidth="700px";
It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.


Q: For the dhtml tree that I purchased, can I choose what menus will be expanded or collapsed when the user first comes to the webpage forthe first time?

A: You can expand some items by default.
Add '+' sign before items text in that case:

["+Deluxe Tree: XP Style","", "deluxe-tree.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", "", ],
 ["|Home","testlink.htm", "deluxe-tree.files/icon1_s.gif", "deluxe-tree.files/icon1_so.gif", "", "Home Page Tip", "", "", "", "data-new.js", ],

"Deluxe Tree: XP Style" item will be expanded by default in that case.

Use   var texpanded=1; parameter to expand all menu items by default.

Use function dtreet_ext_expandItem (itemID, expand) API function to expand the specificmenu items dynamically:
http://deluxe-tree.com/functions-info.html


Q: I want the background highlight stay on after the item is pressed in navigation bar script.

A: You can set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

Please, see here:
http://deluxe-tree.com/functions-info.html

You can also set
  var tsaveState = 1;

More info you can find
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.htm

To expand specific items you should use API function
function dtreet_ext_expandItem (itemID, expand)



Q: Earlier today I bought your Deluxe Tabbed Menu software. I "nearly" have the menu I want working, but my problem is that the sub menus I have created in my java script tabs disappear very quickly after being clicked. I want these sub-menus to stay when.

The website that I have developed the menu for can be seen at www.domain.ie/index.php I have sub menus created for the About, Courses & Contact Us items, but as mentioned these disappear very quickly.

FYI, I call the data.js menu file from an include file in the webpages. I don't know if this has anything to do with my problem.

A: That is happen because you have links for the top items with subitems:
About Us
Courses
Contact Us

Actually it is not correctly to use links for items with subitems. Youshould use these items to open subitems only.

But if you want to use links for them you should set the correctpressed item for this page, for example for
http://www.domain.ie/about.php
you should set
  var bselectedItem=2;

http://www.domain.ie/courses.php
you should set
  var bselectedItem=6;

Deluxe Tabs doesn't support API functions which can return theselected tab aslo.

You can set "bselectedItem" and "  var bselectedSmItem" parametersbased on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parametersfrom your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=<?php echo $seltabs; ?>;
  var bselectedSmItem=<?php echo $selsmtabs; ?>;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, forexample:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>