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

Menu Screenshots

Vertical Slide Menu Jquery Expandable Navigation Javascript

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical slide menu jquery samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Creating Drop Down Menu Vertical Slide Menu Jquery
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
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!
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: I have downloaded the trial version of Deluxe Menu and am seriously looking at buyingit. I am trying to go thro the instructions and check out if it meets my requirement.

I am not able to figure out how to equally space out all my menu items on the javascript menu bar.

My menu bar width is fixed at 800 px and I have 7 items - horizontal type. The menuitems widths appear different for the menu items. How do I ensure that all of them are ofequal size ??
A: Set width for the items using Individual styles:
  var itemStyles=[["itemWidth=100px"],] //style 0
Assign Individual Styles for the menu Items.
  var menuItems = [
["Item 1","", "", "", "", "", "0", "", "", "", "", ], //style 0
["Item 2",", "data2.files/icon1.gif", "data2.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style 0
];


Q: Is it possible to change the background color of just one of the menu buttons within a sub navigation bar?

A: Yes, it is possible.Use Individual Item Styles.

Create Individual Item style and assign it to your submenu items usingDeluxe Tuner.

  var itemStyles = [
["itemBackColor=#800000,#FF8080"], //style0
];

["Home","testlink.html", "", "", "", "", "", "", "", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "0", "", "", "", "", ], //style0
 ["|Features","testlink.html", "", "", "", "", "0", "0", "", "", "", ],
 ["|Installation","", "", "", "", "", "0", "", "", "", "", ],
   ["||Description of Files","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "0", "","", "", ],
   ["||How To Setup","testlink.html", "deluxe-menu.files/icon6.gif", "deluxe-menu.files/icon6o.gif", "", "", "0", "", "", "", "", ],
...




Q: I just visited your site and found the scrollable menu.
I downloaded the trial version, but where to find the scrollable menu.
Going through the trail version and finding that it would satisfy all my requirement.
My requirement is as below
Category >> List of Continent > List of country > List of State > List of city.

In my case the list of country, state and city will be more so need a scroll over there.
Let me know is there any limitation in your menu.


A: If you have many items in submenu you should set the following parameter to make you submenu scrollable:

  var smSmartScroll=1;

Please, see more info here:

http://deluxe-menu.com/scrollable-submenus-sample.html


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

Keeping jquerry Accordion Menu OPEN

Aug 4, 2010 ... BUT I tried placing those in my HTML header and in the jquery file ... It wanted to stair-step out and when I made it a vertical menu the content spilled out all over the place instead of sliding like it was supposed to

Menu "en Accordéon"

1 mai 2007 ... Bonjour, Je veux avoir un menu deroulant slide et horizontal compatible avec IE et ... Meilleure réponse: Pourquoi inclus-tu 2 fois JQuery ? ... Un menu déroulant en CSS et XHTML (horizontal et vertical) - Alsacréations

Subnav menu styles using Jquerry

Sep 13, 2010 ... http://html-menu.com/vertical-menu-subnav-tutorials.html. Author: Amit Shah Member Level: Gold Member ... Image slide show using JQuery

Forum Swt Menu Background Color Template

Create both horizontal and vertical menus and submenus with any amount of menus on ... Unable to select id to set background-color - jQuery Forum I am unable to set .... Java Script Open Menu In Joomla sliding drop down menu generator

Centered Theme :: Forum :: Indexhibit

I read about this jquery in this other thread aswell. ... Any chance of fixing it without putting back the vertical menu? ..... the first section and activate the self-closing, and move the menu under the slide show?

[How To] Replacing the Atahualpa header image with a 'sliding door

I haven't seen any problems using mootools/jquery, but I'm not using .... This works for both the sliding menu and my new gallery plugin - which .... this for sliding vertically and implementing in other parts of a page?

OpenCart Community • View topic - Collection of Tutorials Links

7. Sitename, category, product etc in Title 8. Custom selected state colour on main menu 9. jQuery vertical tab slider

WPVulpe • View topic - Spexel - Mag/Blog - Advanced

Multi-Level dropdown (vertical) navigation menu. ... FlickR ready, and is in fade in-out slide or simple 4 block thumbnails. ... [J] = JQuery effects. [m] = Mostly everything is inbuilt and does NOT require any plugin to

Multiple Javascripts on one page - WebDeveloper.com

Apr 3, 2010 ... Here is the script file that runs the navigation bar (sliding_effect.js): ... + [total vertical padding of element]) $(this).css("margin-left" .... jQuery( document).ready(function() { slide("#sliding-navigation", 25, 15,

Implementing a jquery dropdown menu

<li><a href="#">Slide Effect</a></li> ... Why are you using jQuery to make a drop down menu? ... that for one of my sites for a vertical dropdown menu and it works like a charm in the most common browsers i have tested

Drop Down menu (HTML user block) [Support Forums - Module reviews

See demo vertical here. See demo horizontal here. Make menu is very easy :) Only 6 step 1.Inside head your html.theme copy this:

www.wysiwygwebbuilder.com • View topic - WYSIWYG Web Builder 7.0

Jun 23, 2010 ... New Feature: 'Always show vertical scrollbar to prevent shifting of the page ... Improved: Redesigned navigationbar and slidemenu for use with jQuery, ... Many of the Web Builder built-in objects now use jQuery for

Superfish Vertical Menu - Arrows not showing up in any browser

Superfish Vertical Menu - Arrows not showing up in any browser ... in Using jQuery Plugins. I am sure this is a bonehead thing that I am missing, ... $j("ul .sf-menu").superfish({; animation: {height:'show'}, // slide-down effect without

inline multi-level drop down menu. (plz help) (Page 1) - Menu

Anyway, you can always check the jQuery UI , more exactly this ... thanks for all the tips, the Vertical concertina slide menu is pretty

Kirupa Forum Flash Vertical Dropdown Template - Dropdown Menu Template

Css Horizontal Dropdown Menu Multi Column Jquery Dynamic Megamenu · Javascript .... Sliding Menu. Web Menu How To Vertical sliding menu I need to design a

Anyone recommend some good jQuery / AJAX books? - Ultimate Web

... but for me, being able to read from a book seems to be a better way to learn . Anyone recommend any good jQuery / AJAX books?

Horizontal and vertical menu bar - Tips and tricks - SalarO

Jun 28, 2010 ... Flash & Graphic Banners · jQuery Animations & Slide shows .... skin i am using horizontal menu bar and in 2nd skin using vertical menu bar

Fisheye & Lightbox - Bugs - Support - Fish Eye Menu - Dreamweaver

I gather from another post on the net that jquery.js used by Fisheye and .... Now make a vertical version of the fish eye menu.......to make everyone happy

Problème script slide (Clubic.com)

Problème script slide : Bonjour, j'ai récupéré un script ... cursor: pointer; margin-top: 2px; text-align: center; vertical-align: middle; ... +++++++ Drop down menu CSS +++++++++++++++ */ #navouter #nav ul#dropmenu, ..... js/jquery. pngFix.js"></script> <!-- this product is released under General Public License

[HF] WYSIWYG Web Builder v7.2.1

Slide Show component . • Support for third-party add-ons (extensions), using the Web ... Menubar: powerful menu script that can mimic complex menus found in popular GUI applications. ... Improved: Horizontal/vertical center in browser option now displays ... New feature: Added 'Inline mode' to jQuery DatePicker

iGetSimple iPhone version (Beta version available) (Page 1

Better Jquery menu slider - Add to homescreen icon ... This way both the horizontal and vertical way of holding the iPhone would be

Problem with script to slide left a <li> item from a menu and

Problem with script to slide left a <li> item from a menu and making links

www.wysiwygwebbuilder.com • View topic - ***WB EXTENSION INDEX***

last added extension: MENU: ... Related Posts Slide Out Boxes - erkanoz07

Javascript problem - Neowin Forums

Sep 1, 2010 ... LavaLamp v1.3.4b2 - light up your menu with fluid, jQuery powered animations. ... Version: 1.2 - modified to support vertical resizing of elements ... to startItem for clarity * - improved slide-in accuracy for .back