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

Template:

iPhone 12 Template - CSS Menu Bar






    - Submenus dropdown on mouseover
    - Transition #14 - "fade out" effect
    - Top items and submenus have a shadow
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Inactive/Disabled items
    - Several menus on one page
    - Personal CSS styles for separate menu elements
    - Visible over select boxes, iframes, pdf, flash, Java applets.




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 Pop Up Menus Html Code

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

Features

Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
Cost Effective
Crear Menus Html 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
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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I want to set links in a text, which opens html pop up window and not to open the Window on start.

A: You can specify the ID of the element you want to click on.
Actions sections in Deluxe Tuner, onClick parameter.

1) You can show the popup window when you hover, click or mouseout on some elements on yourpage.
For example you have:

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

So, in 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:
add id="open_popup" for <a>, <div>, <img> ... tags.

2) You can also use deluxePopupWindow.open() function to open the popups.

More info about deluxePopupWindow.open() function you can find:
http://deluxepopupwindow.com/window-installation-info.html

function deluxePopupWindow.open("winID", "content", "header", "param", "skin", "contentType")

Use another winID (first parameter) than you have in your data file
if you don't want to close 1-st popup window or use thesame winID=win if you want to close 1-st popup.

content - will be the path to the file you want to load in your popup (files/test.html)
skin - is the name of your skin (default in my example)
contentType - set this parameter to iframe.

Q: I'm using the deluxe-tree.
On the top of the tree there is a title. When i click onthe title the whole menu collapse. How can i disable this option ?
I want to keep the collapse option for the css menu tree when i click on the collapse button but not when i click on the title.

A: Try to set the following parameter:
  var texpandItemClick=0;


Q: I want to be able to have all of the submenus start at the top of the menu. For example, when I hover across each of my menu items in a vertical level, I want the sublevel menu to start at the very top of the menu, not out beside the menu option. How can I achieve this


A: You can have such effect only for the first subitems.
Others subitems will have Y offset.

Please, see the attached example.

You should adjust the following parameters:

  var topDX=-116;
  var topDY=-31;
  var DX=-148;
  var DY=-32;



Q: Just wondering if it's possible to have the sub menu of my collapsible dhtml menu that appear when the "+" is clicked stay open when another page loads. I tried downloading the trial version & can't get that to happen.

Click on "web development" and then "web design portfolio" - when the new page loads the menu closes. Is it possible to have it remember which sub menus were showing when the new page loads?

A: Deluxe Tree has save state feature. You should set the followingparameter:

  var tsaveState=1;



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