Vertical Sliding Menu Bar by Deluxe-Menu.com
Vertical Sliding Menu Bar

Template:






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Inactive/Disabled items
    - Horizontal or vertical orientation
    - Search feature - add the search area in the menu and type symbols.
    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Unlimited number of sub levels
    - UL/LI items structure




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

Menu Screenshots

Vertical Sliding Menu Bar Jscript Examples

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

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
Cost Effective
Creating Sliding Menus With Html Vertical Sliding Menu Bar
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical sliding menu bar 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 vertical sliding menu bar 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.

  • 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!

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

Recent Questions

Q: I'm trying to disable a javascript mouse over menu item using the MS Office style 2 template and having no luck. Can you please provide me a sample of the MS Office style 2 template that will disable an item on the menu by graying it out?

A: To disable menu item you should set "_" target for it.
If you want that your disabled items have a grey color (in css-basedmenu) you should create additional style for it and assign this stylefor the disabled items:
["CSSText=toptext_dis,toptext_dis"],

.toptext_dis
{
font: normal 11px Tahoma, Arial;
color: #AAAAAA;
padding: 3px;
}

 ["|What's New","", "images/icon_office_note.gif", "images/icon_office_note2.gif", ,"_","1", , , ],
   ["||Popup Mode (Contextual Menus)","", "images/icon_office_mark.gif", "images/icon_office_mark.gif", ,"_","1", , , ],

You can find more info about menu items here:
http://deluxe-menu.com/menu-items-info.html



Q: Is there a way to make the dhtml pull down menu not reset after a link is clicked.
Now every time I click a link in the tree menu it takes me to the linked page
but all the menus re-expand.

A: When user clicks the link, the browser loads a new page and the script re-create the menu.
If you want to open the needed section automatically on load you can use the following:

1. Save the state to cookies

  var tsaveState=0;

2. Use frames

3. Put the special script on each page of site that will open appropriate section:

(dtreet_ext_expandItem)

See more info here:
http://www.deluxe-tree.com/functions-info.html


Q: How can I open the links that I created for the web drop menu /sub-menu on the same window (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: My site requires me to regularly update the menu by inserting a new menu item at the top of the list. Creating a sub-item automatically places it at the bottom and I haven't yet found a way to move java animated menu items to the top apart from manually editing the data.js file.

A: You should use new engine files v3.2.5 and add items using thefollowing 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. See more info about indexes here.
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