Javascript External Side Bar Menu by Deluxe-Menu.com
Javascript External Side Bar Menu

Menu Screenshots

Javascript External Side Bar Menu Horizontal Menu Bar Scripts

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 javascript external side bar menu menus easily and in no time
  • Sensible menu parameters for manual editing
Simple Popup Menu Relative Position Javascript External Side Bar Menu
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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript external side bar menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.

Recent Questions

Q: - I downloaded and installed your trial version..
- Selected "Tuner" then "tabs"
- Left pane sorta baffled me - even after reading documentation
- so in preview pane I selected "Templates" and Kaspersky style..
- The preview looked nothing like the kaspersky javascript menu example.. My feeling was that I had to somehow find the image elements to complete the menu tabs.. (A rather daunting task)..
- AM I missing something??

A: To use Kaspersky style javascript menu example you should assign Individual Stylesfor your items. You can find this info in the templates window.



Q: Thanks for getting back with me but how do you build the menu?

I opened Deluxe Tuner program to build a menu and there are categories titled common, dimensions, font, appearance etc. and I have NO IDEA what to do?

Can you walk me through the development of a menu?


A: First of all you should add items.
Please, click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, iconsfor the menu items. You can also assign different style for each menuitem (item style and submenu style).
But at first you should create this style. Click "Edit IndividualStyle/Add Style" and set different parameters for the style.

Try to set different parameters of the menu.
In the "Preview window" you can see all your changes.

First of all you should choose menu orientation:
  var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.

You can set exact width and height of the menu in the "Dimension"category.

You should set
  var absolutePos=1;
if you want to have absolute positioning menu.

Font style you can set in the "Font" category.

To set color of the menu you should set the following parameters:
  var menuBackColor="#FCEEB0";
  var menuBorderColor="#C0AF62";
  var itemBackColor=["#FCEEB0","#65BDDC"];
  var itemBorderColor=["#FCEEB0","#4C99AB"];

Try also to change these parameters:
  var itemSpacing=3;
  var itemPadding="3px";

Arrows for main items and subitems you can set here:
  var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
  var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];

If want to have floatable or movable menu you should set the followingparameters:
  var floatable=0;

  var movable=0;

You can also try to change any template.


Q: Can a drop down menu go over a Flash and be transparent?Let me know.

A: Yes, it is possible.
To set transparence for submenus you should set the followingparameter:

  var transparency="70";



Q: This is a great product and I hope to use it for the project I am currently working on. I have played around with using simple javascript menu but have been unable to figure out how to make sub menu items live on multiple rows and columns. Could you point me in the right direction? I know with the individual styles I could make the category titles bold and put sub categories right underneath without actually making them sub categories.

A: You can find more info here:

http://www.deluxe-menu.com/multicolumn-menu-sample.html