Verticle Sliding Submenu by Deluxe-Menu.com
Verticle Sliding Submenu

Template:

iPhone 6 Template - Code CSS Menu






    - Status string shows item labels
    - Search feature - add the search area in the menu and type symbols.
    - Filters and Transitional effects
    - UL/LI items structure
    - Image arrows
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Cross-frame support - menus work on frameset-based pages
    - Top items and submenus have a shadow




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

Menu Screenshots

Verticle Sliding Submenu Html Form Popup Menu

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

Features

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
Navigation Bar Side Verticle Sliding Submenu
Easy Setup
  • De Luxe Tuner. GUI interface to create your verticle sliding 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 verticle sliding submenu 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have the menu installed over a Flash movie. In IE the menu flickers and in Firefox it disappears under Flash movie. Is there a fix for this that allows me to have menu lay pover Flash movie?


A: See more info here:

http://deluxe-menu.com/objects-overlapping-sample.html

> In IE the menu flickers
You can have such effect in IE7. You should click on the flash. Yourmenu will stop flicker.


Q: I would like to have the dhtml sliding menu save the state when reloading or refreshing the browser.Can this be done with the expandable menu? If so, what is the syntax?

A: You should use the following parameter:

  var tsaveState = 1;

Example, you can find here:
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.html

Q: So, I'm actually developing an application with wordpress, and I would like to intagrate this excellent javascript navigation menu.

This site is Educational, and provides media about TI, for students of the Autonom University of Tamaulipas, in Mexico.

A: Actually we're using Deluxe Menu in our WordPress blogs without anyproblems.

You should edit the php template of your theme.
1. Go to Design -> Theme Editor
Open header.php file
!! Notice that you should CHMOD header.php file to777 setting. Find more info here:
http://www.zachjorgensen.net/za/chmodtutor.html

2. Upload folder with all menu files on your server
3. Add the following code in the <head> tag:
<noscript><p><a href="http://deluxe-menu.com">javascript navigation menu by Deluxe-Menu.com</a></p></noscript><script type="text/javascript">  var dmWorkPath="menu/";</script>
<script type="text/javascript" src="menu/dmenu.js"></script>
where 'menu' is the folder with all menu file on your server.
4. Call data file in the place where you want to have the menu, forexample:
<div style='z-index: 100;position: absolute; right: 0; top: 0; margin: 0; padding: 0;float: left;height: 85px; '>
<script type="text/javascript" src="menu/deluxe-menu-blog.js"></script>
</div>
5. Click 'Update File' button.

That's all.



Q: My names Erick and I'm using your Delux Menu and wold like to know how to change the dhtml hover menu back ground color from the teal color to a gray and am not having any luck locating this option. Please advise.

A: Try to use the following dhtml hover menu parameters:

  var menuBackColor="#C0C0C0";
  var itemBackColor=["#C0C0C0","#65BDDC"];

You can also check Individual Styles. It is possible that you setbackground color there.



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