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

Template:






    - Search feature - add the search area in the menu and type symbols.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Items with icons
    - Inactive/Disabled items
    - Filters and Transitional effects
    - Personal CSS styles for separate menu elements
    - Status string shows item labels
    - Cross-frame support - menus work on frameset-based pages




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

Menu Screenshots

Javascript Menu Vertical Slider Javascript Clear Drop Down

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu vertical slider samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Java Script Dynamic Drop Down Menus Javascript Menu Vertical Slider
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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am trying to implement something with your wonderful product and have annoying problem that I am sure You are going to solve.

I am using 2 deluxe-menus on the same page.
The first one for showing some hierarchy of sites, and the second for showing pop-up right-click context menu (that clicked on some menu-item from the first deluxe-menu) .

The problem is that in case the user clicked on some sub-menu from the first css horizontal menu drop down, then all the sub menus disappear. I want them to stay.

I tried to give to the first deluxe-menu *smHideOnClick*=0 , but it doesn't help.

A: Try to set the following parameter:

  var smHidePause=-1;

Q: Is there a way to expand only the menus and not the submenus in the collapse tree menu?

A: You can set expanded items by default.

If you want to expand specific items by default you should set "+"symbol at the beginning of item text.

["+Deluxe Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
// this item is expanded by default
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "framename", "", "", ],
 ["|Product Info","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],
// this subitem is not expanded by default

Q: I've spent the last 30 minutes or so looking for samples on how to create a simple pop up window. I downloaded the trial, put in the html, saved the js file, etc etc. But there is no sample so I can't see exactly how to do the html.

Like, in the tuner it says to enter the ID of the link. What is this? where do I put the onClick code? where can I find the onClick code? There is a lot of info missing here.

Please send a simple template so I can see how a popup is done. Not a menu, just a popup.

A: > But there is no sample so I can't see exactly how to do the html.
You should create the pop up window in Deluxe Tuner and export it in the HTML page "File/Export/To HTML".

See more info about installation here:

http://deluxepopupwindow.com/window-installation-info.html

> where can I find the onClick code?
See you can show the popup window when you hover, click or mouseout on some elements on yourpage. For example you've added an image in your html page. You should specify the ID for it, for example:

<p><img id="open_popup" border="0" src="images/submenu-bg.gif" width="170" height="29"></p>

So, in the Deluxe Tuner you should enter 'open_popup' object ID in the onMouseOver,onClick or onMouseOut fields.

Actually you can assign id to any object on your page manually. You should specify ID's - id="xxxx"for <a>, <div>, <img> ... tags.

If you want to show the popup when your page loads you should leave these fields empty:
onMouseOver:"",
onMouseOut:"",
onClick:"",

Q: I recently downloaded the trial version of Deluxe Tuner to create a pop-up menu for my website. The menu looks amazing, and I am convinced from the trial that this is a product that I could definitely use.

However, I'm having so much trouble putting my horizontal drop down menu into my Dreamweaver html. I've followed the instructions given, but my menu still does not appear. What am I doing wrong?

Thanks, and I'm looking forward to figuring this out, because if it's an easy program to use, I will for sure be buying the full version!!

A: Check that you've copied "Homedir/" folder with all menus files and data.js file into the same folder withHome page.html file.

Notice also that in the Design mode your drop down menu may displayincorrectly. It is normal. You should view your page in browser preview.

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