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

Menu Screenshots

Jquery Vertical Slide Menu Tab Menu Web

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your jquery vertical slide menu menus easily and in no time
  • Sensible menu parameters for manual editing
Design Navigation Tabs Jquery Vertical Slide Menu
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!
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.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!

Recent Questions

Q: Just wondering if it is possible to select a specificdhtml tab via JavaScript.
Eg. A link on the page to select the next tab (or any other for that matter)

A: You can use the following function to open appropriate tab:

Unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>




Q: it's possible to use on every Item the OnMouseOver / OnMouseOut event?

move the mouse over a Menu !!!!!!


A: Each menu items can include any html code.
So, you can include your own objects with onmouseover event, forexample:

  var menuItems = [
["<div OnMouseOver='yourFunc()'>item text</div>"],
["<div OnMouseOut='yourFunc()'>item text</div>"],
];

Where yourFunc() is Javascript function.


Q: Is it possible via code customization to remove the border only forthe top level of js dropdown menu?

A: You can use Individual Item Style in that case.
You should create Individual Style, for example:

  var itemStyles = [
["itemBorderStyle=none,none"], // style 0
];

And assign it for top items:

  var menuItems = [
["Home","testlink.html", "", "", "", "", "0", "", "", "", "", ], // assign style 0
["Product Info","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Features","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Installation","", "", "", "", "", "", "", "", "", "", ],
 ["|Supported Browsers","", "", "", "", "", "", "", "", "", "", ],
   ["||Windows OS","", "", "", "", "", "", "", "", "", "", ],
   ["||Internet Explorer","", "", "", "", "", "", "", "", "", "", ],
   ["||Firefox","", "", "", "", "", "", "", "", "", "", ],
["Samples","", "", "", "", "", "0", "", "", "", "", ], // assign style 0
 ["|Sample 1","testlink.html", "", "", "", "", "", "", "", "", "", ],
 ["|Sample 2 is Disabled","testlink.html", "", "", "", "_", "", "", "", "", "", ],
["Contact Us","testlink.htm", "", "", "", "", "0", "", "", "", "", ], // assign style 0
];

More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.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

Forum Swt Menu Background Color Template

Javascript Sliding Menu Bar Orange Rollover Buttons - Rounded Corner · Menu Tab Shadow Vista ... Java Menu Creator jquery vertical menu multi level visited

Ajax News Pager and Slider for K2 - K2 Community

Based on jQuery, the module comprises two parts - top pane and a side pane. ... top pane Horizontal and vertical sliding Numerical Pagination option ... By doing so, you are setting up the menu links that would link to

How to Sort an Unordered List - jQuery - JavaScript - Web development

Has no one used this TinySort jQuery plugin at all? .... a link called "Work" it displays a slide out menu containing a list of links to posts. ... $('#projects- sub-menu').show('blind', { direction: 'vertical' }, 100);

horizontal sliding menu/gallery - WebDeveloper.com

Could anybody please tell me whether a sliding menu / gallery (including the popup enlargement link) like on the link below is possible to

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?

Keeping jquerry Accordion Menu OPEN

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

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

240 plugin hữu ích của JQuery - Trung Tâm Đào Tạo Mạng Máy Tính

clickMenu. CSS Dock Menu. jQuery Pop-up Menu Tutorial. Sliding Menu. Accordions, Slide and Toggle stuff. jQuery Plugin Accordion

Div Horizontal Slide - WebDeveloper.com

[CDATA[*/ function SlideMenu(o){ this.menu=document.getElementById(o.ID); this.p =this.menu.parentNode; this.slide=new zxcAnimate('left',this.menu);

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

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

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

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

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

I gather from another post on the net that jquery.js used by Fisheye and prototype.js and scriptalicious.js .... Now make a vertical version of the fish eye menu.......to make everyone happy. .... Sliding Menu. Until August 18, 2010

Highly interactive theme. MooTools not compatible? - BuddyPress

I'm looking for a way to present a vertical slider where members can toggle ... Luckily, I did find the jQuery equivalent to my beloved MooTools Image Menu

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

last added extension: MENU: ... Vertical Dock Menu - BaconFries .... jQuery Coin Slider .................................. gp2727

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

what I'm trying to do is to have a vertical menu where one of the list ... to the right and then slides down a submenu with other 4 lists items. ... <script type="text/javascript" src="jquery-1.4.2.min.js"></script>

CMS Made Simple Forum: HowTo: Menu & jQuery slide Effects (slideUp

I've seen lots of questions about jQuery sliding effects and menu the ... of the default menu stylesheet "Navigation: Simple - Vertical",

Jimdo Forum • View topic - How to add slide show with code from

I want to run a slide show of about 30 pictures from a picture page. ... [ CONTENU] Compteur vertical, [CONTENU] Installer une barre de recherche Google ... Menu déroulant, [NAVIGATION] Menu accordéon horizontal (jQuery)

Trying to randomise a jQuery content slider

Hi everyone, I'm using a very nice jQuery content slider called Easy Slider on ... if(!options.vertical) $("li", obj).css('float','left');

Orange Forum Powered By Community Builder : Free CSS Menu Maker

css vista menu Css H Vertical Drop Down · css div navigation Jquery Vertical Slide Menu · css menu generator Mozilla Css3 Gradient

Jimdo Forum • View topic - How to add slide show with code from

I want to run a slide show of about 30 pictures from a picture page. ... [ CONTENU] Compteur vertical, [CONTENU] Installer une barre de recherche Google ... Menu déroulant, [NAVIGATION] Menu accordéon horizontal (jQuery)

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, but I can't get the arrows to show up in my Superfish Vertical menu. ... animation: {height:'show'}, // slide-down effect without fade-in

Rounded Corners - Top/Bottom Menu - JavaScript - Web development

I would like my Superfish vertical menu to slide out and in from the ... use jQuery's built in animation events to slide the menu in and out

PHP-Fusion Themes - Discussion Forum: css navi slider effect

Lernvid uses Mootools javascript for his menus and navagation. PHP-fusion however uses Jquery javascript. This topic is to show a slider