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

Menu Screenshots

Slide Out Submenu Css Navigation Bar Examples

Features

Cost Effective
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Sample Html Navigation Slide Out Submenu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed slide out submenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your slide out submenu menus easily and in no time
  • Sensible menu parameters for manual editing
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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: Hi - I'm using Deluxe Tuner/Menu version 2.0 and wanted to know if it's possible to set the status bar messages to something other than the link text from the menu items that it currently picks up?


A: You should set parameter:
statusString="tip";

Text in a browser's status bar when you put a pointer over an item. Values:
"link" - show item link;
"text" - show item text;
"tip" - show item tip.
With another value shows specified value.

Info about this parameter you can find here
http://deluxe-menu.com/parameters-info.html


Q: I have a quick question: I have an iframe menu item (see note 1) for the dhtml menu sample,
and when I click a link in that iframe, I would like to close the menu.
Is this possible, perhaps by using a javascript call?


A: You couldn't close the menu, you can only hide it.
You can try touse the following code to hide the menu.

   ["||test menuitem
<iframe src='test.php' onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'
></iframe>","", , , , ,"0" , , , ],

You can also place your Iframe in DIV tag with indents.

   ["||test menuitem
<div style='padding: 10px;'><iframesrc='test.php'
onClick='document.getElementById(\'dm0m0\').style.visibility=\'hidden\';'></iframe></div>","", , , , ,"0" , , , ],


Q: How ever there is still one major issue that need to be solved before we open to site to the public and occurs when the form used by the 2020 Datashed application to search an item (page listing.asp) is used together with the Delux dropdown menu.

When the Delux dropdown menu display their data, it is possible to 'see' the information of the 2020 search form through it. The over all effect is some kind of transparency in the page that is not acceptable.

In the attached snapshot is an image of the web page that shows the effect that we want to avoid.

This effect only happens on the head area of the 2020 search form that I have marked with a red rectangle. The main body of the form, marked in blue, does not have this transparent effect.

I wonder if it is possible eliminate the transparency in javascript menu systems changing the adequate css file that is used in the red area, using the same css code that is applied in the blue area.

My solicitude for help is about this issue, could you advice about this matter and pinpoint the css file and instruction than can make this change, or there is another way to make the same result?

A: Try to set the following parameter:

  var transparency="100";


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

Disabling applications - Droid Forum - Verizon Droid & the

Jul 5, 2010 ... Edit: Watch out what you delete though because some apps rely on other apps to function. ... Oh ok, didn't even know there was a sub-menu for that area. ... in the Applications panel that slides up/over your home screen

Windows Shortcuts - Other Tips & Tweaks - Maxthon Forum

Carry out the corresponding command or select the corresponding option in a dialog ... Open the next menu to the left, or close a submenu

Problem with script to slide left a <li> item from a menu and

Jun 14, 2010 ... any help would really be apreciated. and if you know another way to have the same result (<li> sliding to right and submenu appearing) would

help on sliding and tabbed menu [Archive] - WebDeveloper.com

Mar 31, 2010 ... THE PURPOSE OF THIS FUNCTION IS TO HIDE THE CURRENTLY DISPLAYED SUBMENU AND THEN TO START SLIDING THE SELETED SUBMENUS OUT FROM BEHIND THE

Slideout Menu

Feb 12, 2010 ... hey... i found a way 2 put up a slideout menu... its in here can sumone tell me ... <span class="submenu" id="sub1" style="position:fixed;

CMS Made Simple Forum: HowTo: Menu & jQuery slide Effects (slideUp

The effect of the following example only toggles the submenu of one menu entry on/off (slides down and up to show/hide the submenu)

Solved Morph Gear button maping Problem. [Archive] - xda-developers

in the submenu Input: click Polling Method now it works .... to the slide out keyboard. Use the virtual keys to do the mapping, use the slide out to play

QuickMenu submenus not displaying in IE8; requires compatibility mode

In IE8, the submenus (on mouseover) will only display if ... If this is your first visit, be sure to check out the FAQ by clicking the link above. ... In order for IE to properly render menus with the Slide Animation

Menu VOB to MPEG-2 Conversion [Archive] - Doom9's Forum

the 3 transition video clips of each submenu sliding over to reveal the ... As a side note that you may be interested in . . . check out my

AEON submenu mod [Archive] - XBMC Community Forum

I know that there is other sub menu mods out there for Stark and that .... So when that submenu slides back up behind the main menu bar it

D4J transmenu, problem with Opera and Firefox

My main menu is vertical and sub menu slides to top right position ... In IE it works great but in firefox and opera the tabs slide out but

IE8 Submenu height restriction

If you go to Products, Options you will see the submenu. ... As I am sure you have figured out I am not a professional website builder. ... triggered when the Slide Animation add-on is enabled, and the animating sub menu

Sub Sub Menu :: Forum :: Indexhibit

Macro <%title%> will still provide the full name of the slide ..... which link are you referring to? check out @hmadrona's 'download' link

freebasic.net :: View topic - FB_GUI V1.20 (New Release Mar 28, 2010)

Modified Slider for vertical as well as horiz orientation ... 1 - Menu control modified so individual submenu items may be enabled/disabled. .... I have fixed this bug, which will come out soon on release 1.06

OpenOffice.org Forum :: How to import mp3 files as background music ?

I am still no more the wiser as to why the Slide Show > Interactions... submenu is greyed-out and unselectable

Archived CMSimple Support Forum • View topic - A CSS driven

In addition, if a small submenu button text is followed by a longer button text, .... So, loading the sliding button images - only one of the problematic .... However, I wasn't able to extract any decent stuff out of it

Re:New Template: Breeze is Released - Alledia.com Joomla Templates

Unfortunately no dropdown this time, just the slide-out horizontal menu. ... And about the submenus, are they just horizontal when you hover

*Transmenu module: New cool dropdown menu style - updated 19 July

I don't think it's that hard to do, I have tried and I manage to make the submenus go out on the right side, but still slide to the right

Annoyances.org - Question about 'Speed up the Start Menu' (Windows

It takes like 5-10 seconds for every submenu. ..... Did we ASK to have slide-out menus? I just fired up Word and the 'Open' option under

Joomla! • View topic - The hot Transmenu 2.0 for Joomla is out!

Can anyone help me out please? [the test site is HERE - Links submenu] ..... Child menus (drop-down or slide-out menus in TransMenu) worked fine in Safari

RocketTheme • View topic - How to get submenu horizontally like in

Sep 14, 2009 ... i try to get a submenu displaying horizontally (like in Versatility 4) in a ... of a horizontal menu dropping down, I want a vertical menu to slide out. ... If it's not an RT template you'll have to sort it out yourself

Build a reusable Flash Lite 1.1 component - Forum Nokia Wiki

code in frame loop of component, executes when the slide show is complete ... the library from the common libraries sub menu of the window menu, .... Plan out the code and organization so that you have an easy to use

Epic 4G Forum Members Initial Thoughts & Reviews - Page 5

Sep 1, 2010 ... The dock station will flat out not work with the cover on. .... There isn't really any oreo going on but it tends to slide open just a bit when I hit the ... long press and separate sub menu button, but its not horrible

my top sub menu appears behind frontpage slidshow - JoomlaWorks

Apr 5, 2008 ... The Slide Container code in the CSS appears to leave the height out in when defining the area. Then, when it loads the slide, it appears to