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

Template:

Dark Red Rounded Template - CSS Menu Script






    - Top items and submenus have a shadow
    - Items with icons
    - Filters and Transitional effects
    - Submenus automatically scrolls
    - Status string shows item labels
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus dropdown on mouseover




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Slide Out Submenu Create Drop Down Menus Javascript

Buy Now!   ::  Free Trial Download   ::  More Info

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
Xp Explorer Menu Code Slide Out Submenu
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
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Can data be loaded dynamically in the free drop down menu? For example, can you load the child of a node once the node is clicked on.

A: You can use AJAX like technology.

http://deluxe-menu.com/ajax-technology-menu-sample.html

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.However, these scripts don't work inside of Javascript .js files, so, you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>


<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

Q: How can I open the links that I created for the items /sub-items on the same window
for the mouseover menu (not on a new window)?

A: You can set target parameter for all items:

  var itemTarget="_self";

or for each item individually:

["","testlink.htm","http://images.myregistry.com/images/myregistry/tabs/thingstodo.gif", "http://images.myregistry.com/images/myregistry/tabs/thingstodo1.gif", "Home Tip","_self", "0", "0", , ],




Q: How do you go about labeling the various segments of your page to utilize the tab navbar?


A: See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)


Q: I'm using your menu for my customers.

IHtml menu script works really great but since your last updates I'm really missing the parameter smviewtype=3, so I can have a subnavigation going other direction as usual.

Since you had this feature build in I choosed your menu and did a lot of programming, to get it integrated into contenido cms system.

I would be very pleased, if you could help me on this point.

A: You should set the way you show submenus using subMenuAlign and subMenuVAlign parameters.See more info here:

http://deluxe-menu.com/ways-showing-submenus-sample.html

Buy Now!   ::  Free Trial Download   ::  More Info