Jquery Vertical Green Menu by Deluxe-Menu.com
Jquery Vertical Green Menu

Menu Screenshots

Jquery Vertical Green Menu Javascript Cascading Drop Down Menus

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery vertical green menu 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 jquery vertical green menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Vertical Menu Css Jquery Vertical Green Menu
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: 1) Can any HTML be inserted in to the text?

2) As the item has no link, how can I prevent the item being highlighted on mouseover?


A: 1) Yes, you can insert any html code within menuItems, for example:

 ["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],

2) Yes, you can do it.

You should create Individual Style for it.

For example:
  var itemStyles = [
["itemBackColor=#FCEEB0,#FCEEB0","itemBorderColor=,#FCEEB0","fontColor=,#000000"], //style0
];

["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , "0", , , ], //style0


Q: Please go to my website. I'm trying to getthe dhtml popup menu aligned to the right. I thought I could trick it by telling the CSS to alight the text to the right but that didn't work. Can you make a suggestion on how I can do this?

A: Try to install your tabs into the table with right alignment, for example:

<table width='100%'>
<tr>
<td align="right">
<script type="text/javascript" src="test_files/tdata.js"></script>
</td>
</tr>
</table>


Q: I have to make a japanese Website. Therefore I have to make a dhtml sliding menu with japanese signs and text.

Is it possible to make the deluxe-menu with japanese signs?

A: Yes, you can use Japanese letters in the menu.

Set "Tools/Use UTF8 encode" and create your menu.


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;