Menu Jquery N Level Vertical by Deluxe-Menu.com
Menu Jquery N Level Vertical

Template:

iPhone 20 Template - Mouseover CSS Menu






    - Transition #14 - "fade out" effect
    - Submenus go over all page objects
    - Personal CSS styles for separate menu elements
    - 85% transparency for sub menus
    - Submenus automatically scrolls
    - Filters and Transitional effects
    - Image arrows
    - Top items and submenus have a shadow




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

Menu Screenshots

Menu Jquery N Level Vertical Pop Up Menu Sample

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
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
Javascript Dynamic Drop Down Menus Menu Jquery N Level Vertical
Easy Setup
  • De Luxe Tuner. GUI interface to create your menu jquery n level vertical menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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!



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

Javascript Menu. DHTML Menu.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";




Q: What command that I use the HTML code that will be showing in the pop up window to close it?

A: Try to use the following functions to show and hide popup window:

deluxePopupWindow.open()
hide()

For example you should write:

["","javascript:deluxePopupWindow.make('window', 'http://google.com/', '#1: Google Web site',
'width=590,height=350,resizable,scrollbars,minimizable,fullscreen, centerscreen,move-effect=top,,opacity=1,
floatable=yes', 'default')","icon.gif"]
["","javascript:document.getElementById('window').hide();","icon.gif"]

Notice also that you should move the following code from your data file on your html page directly inside SCRIPT tags:

<script type="text/javascript">
menuItems[
[...]
];
dm_init();
</script>

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



Q: I was wondering if you could help me. I have recently done a site and put a menu into the site

The basic javascript menu is on the top of the screen but it has lines through each of the menus just after the words and before the arrow on each of them. I have stretched the menu out to cover the whole of the top of the page but i need to get these lines out of the menu.

Can you please help me with this problem?

A: See images in Vista Templates have the fixed width and height (92 x 21):
  var itemStyles = [
["itemWidth=92px","itemHeight=21px","itemBackColor=transparent,transparent","itemBorderWidth=0","fontStyle=normal 11pxTahoma","fontColor=#3A3A3A,#000000","itemBackImage=data-vista-2-04.files/btn_olive.gif,data-vista-2-04.files/btn_white.gif"],
];

When items text is too long you can have such effect.

You can try to use combined background for your items, for example:

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

Q: We purchased your deluxe menu two months ago. Right now, I try to resize the menu icon to fit our website. I changed MenuHeight, I got duplicate menu icons. I also want to change Menu Icon font, but I couldn't do it. We have your previous version menu system, As soon as we change bigger font for Menu Icon, it will be resize. I really think you sould have this function. Otherwise, I got create my own image.

A: See images in Vista Templates have the fixed width and height (92 x21).

If you want to change items' width/height you should change images.

btn_magentablack.gif
btn_magenta.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

To change font in the top items you should change your Individual ItemStyle.

  var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px
Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=data-vista-03.files/btn_magentablack.gif,data-vista-03.files/btn_magenta.gif"],
];

You can do it in Deluxe Tuner.



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