Javascript Menu Vertical Slider by Deluxe-Menu.com
Javascript Menu Vertical Slider

Menu Screenshots

Javascript Menu Vertical Slider Expand Menu

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu vertical slider 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!
Css Vertical Menu Styles Javascript Menu Vertical Slider
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
Cost Effective
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

Recent Questions

Q: How do I make the buttons in my java navigation menu transparent?
I only want to see the letters appear in my table and not the button until I mouse over it?


A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";
  var itemBackColor=["transparent","transparent"];


Q: Is it possible that when a main button on the home page is clicked and the viewer goes to the subpage, that the navbar will expand to the correct subpage submenu? For example, I click on Agent and when the subpage loads the submenu is expanded under Agent.

I've been trying to get the javascript hide menu bar to stay highlightedwhen clicked on and directed to that page. For example when clickedon Agent, then Agent Home, once that page loads the whole javascript hide menu bar for Agent Home stays highlighted in orange. I haven't been successful, any suggestions?

A: Tree Menu doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API.

You can find more info on our website:
http://deluxe-tree.com/highlight-selected-menu-item-sample.html



Q: Hi there. I am evaluating your tabs before I purchase and I ran into a small problem. If I can get this resolved I am ready to purchase.

I need to be able to execute some javascript when I click on a tab. What I am planning on doing is I want to dynamically set the location.href property of an iFrame located inside of a content div.
I can't figure out how to do it. Any help will go a long way for me to decide to purchase. Thanks!


A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

["tab text","javascript: window.open('test.html', 'frameName')", ...],
or
["tab text","javascript: getURLForFrame()", ...],

Try that.


Q: I know I can fix the width of the entire (horizontal) menu. But is there a way to fix the width of each Item in the menu? I would like each Item to be the same width.


A: Please, try to specify units in "px", for example.

  var menuWidth = "600px";

It's necessary to specify exact value for Mozilla browsers. It helpsto position menus correctly.

Try to set individual style for item width:

  var itemStyles = [
["itemWidth=120px"],
];

  var menuItems = [

    ["Text1","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text2","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text3","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text4","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],
    ["Text5","", "data.files/products.gif", "data.files/products_mo.gif", "Products", "_self", "0", , , ],

...