Generate Free Vertical Slide Menu by Deluxe-Menu.com
Generate Free Vertical Slide Menu

Template:






    - Top items and submenus have a shadow
    - Submenus dropdown on mouseover
    - Items with icons
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Submenus automatically scrolls
    - Inactive/Disabled items
    - Transition #14 - "fade out" effect
    - Keyboard navigation - press Ctrl+F2 to enter the top menu




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

Menu Screenshots

Generate Free Vertical Slide Menu Folding Drop Down 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
Easy Setup
  • De Luxe Tuner. GUI interface to create your generate free vertical slide menu menus easily and in no time
  • Sensible menu parameters for manual editing
File Menu In Javascript Generate Free Vertical Slide Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed generate free vertical slide menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have the mouseover menu working fine but want the chosen option to display in a tab under the menu.

A: Deluxe Tabs doesn't have API functions to set pressed item on-the-fly. You can set presseditem on the page loading only.

But you can use onClick event for the Deluxe Menu items and call the following function toopen appropriate tab:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.

["<div onClick='dtabs_itemClick(0,2)'>Open 3rd tab</div>","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],


Q: Thank you so much for your time and assistance - I've been charged with this project and still struggling a little. Considering my total ignorance to code, I'm understanding much better now, but could you please take a look at the page and tell me why I now have double menus and how to correct?


A: It happens because at first you call
<SCRIPT src="CHSD Map_files/data.js" type=text/javascript > </SCRIPT >
and then you paste the content of data.js file in your code.
That's why you have two menus on your page.Please, delete one of them.


Q: If you take a look at the upper menu, I have "|" separating all of the various menu items. How can I do this with Deluxe Menu?
I don't want to resort to using messages and would like to use the "|" character if at all possible.


A: You can paste a separator.
Please, see the following parameters:

//------- Separators -------
//--- Separators
  var separatorImage="";
  var separatorWidth="5";
  var separatorHeight="100%";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif";
  var separatorVWidth="3";
  var separatorVHeight="100%";
  var separatorPadding="";

You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];


Q: My site requires me to regularly update the drop down menu by inserting a new item at the top of the list.


A: Add items using the following function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)

Adds the new item to a submenu.

menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.

iParams = [array] - the array of item parameters.
This parameter has the same structure as an item in menuItems array.
You can assign parameters of another existent item of the menu
(for example, when you want to create a duplicate of the existent item) or create new ones.

Structure of iParams:
[item_text, link, icon_normal, icon_over, tip, target, individual_style_index, jsFilename]
Pos - the position in the menu where you want to add new item.

Find more info:
http://deluxe-menu.com/functions-info.html


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