Vertical Slide Menu Css by Deluxe-Menu.com
Vertical Slide Menu Css

Menu Screenshots

Vertical Slide Menu Css Onmouseover Menu Effects

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
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
Pull Down Menu By Javascript Vertical Slide Menu Css
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical slide menu css 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 slide menu css 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.

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

Recent Questions

Q: When on mouseover of a Deluxe Menu icon, naturally a tooltip will come up if you have inserted text there. I seem to have no control over the length of time the tooltip stays active nor the colour or size of the font in that through script drop down menu. Am I missing something? I would like to be able to have the tooltip stay for about 30 seconds and also change the font size and colour of text in the tooltip only.

A: No this is a standard hint, there is no way to increase the time it stayson the screen or change its color.



Q: Is there a javascript API for the expandable menu tree to fire an user click event so the browser will load proper page accordingly? I looked around the current APIs from your site and could not find one.

Please advise.

A: You can use dtreet_ext_userClick (itemID) function.
See more info:

http://deluxe-tree.com/functions-info.html

Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var tmenuItems = [
["text", "javascript:your_code_here"]
];

or

  var tmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];


Q: The arrows on my cross browser javascript menu only show on the main page of my website (www.domain.com). I read the FAQs and the problem seems common and related to a path error. My path appears correct (to me anyway..lol) but it still doesn't work.

A: Try to use absolute path to your images. Set the following parameter:

  var pathPrefix_img="http://www.domain.com/";


Q: I have created aKaspersky menu, but the links don't work.


A: See, you can use links if you have
  var tabMode=1;
only.

If you have
  var tabMode=0;

You should use the ID of the DIV.

But you can try to open your pages using different targets in thefollowing way

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

Where frameName - the name of the frame where to open the page test.html.

Using this method you can create Deluxe Tabs in  var tabMode=0; and   var tabMode=1;