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

Menu Screenshots

Js Vertical Slide Menu Onmouseover Menu Creation In Javascript

Features

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
Design Menu And Sample Js Vertical Slide Menu
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed js vertical slide menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.

Recent Questions

Q: Thank you in advance for reviewing my question. By the way, I love the software and the menus it creates!

  Question: I would like my horizontal menu buttons all have a uniform width, for example, all 7 top level buttons 120 pixels wide. I am not finding this setting in the available parameters.

  Is there a way to do this? Any assistance would be appreciated.


A: You should create Individual Style and assign it for all top items.

  var itemStyles = [
["itemWidth=120px"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],


Q: I place all of my files in folders.  If I want the Deluxe menu to work I have to have the Deluxe menu saved in each folder for it to work with the files inside those folders. 


A: There is no need to copy al files for the menu in each folder.

To install the menu you can use such paths:

<script type="text/javascript">  var dmWorkPath = "../menudir/";</script>
<script type="text/javascript" src="../menudir/dmenu.js"></script>

You can use additional parameters to make menu paths absolute:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

These parameters allow to make images and links paths absolute.
For example:

  var pathPrefix_img = "http://domain.com/images/";
  var pathPrefix_link = "http://domain.com/pages/";

  var menuItems = [
["text", "index.html", "icon1.gif", "icon2.gif"],
];

So, link path will be look so:
http://domain.com/pages/index.html

Images paths will be look so:
http://domain.com/images/icon1.gif
http://domain.com/images/icon2.gif

Please, try to use these parameters.


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

13Dots Forum > Swish2/SwishMax And Swish Max2 Tutorials

Javascript Popup Generator ::.. (17 replies); Shadow Boxes (10 replies) ... Vertical Follower Menu (13 replies); Movieclip: Pauseme (4 replies)

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

thanks for all the tips, the Vertical concertina slide menu is pretty close .... It's better to use the JS fix, because if the user has JS

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

New Feature: 'Always show vertical scrollbar to prevent shifting of the ... Improved: Redesigned navigationbar and slidemenu for use with jQuery, ... Improved: Flash is now using swfobject.js version 2.2 for improved

Horizontal dropdown submenu width - General - Support - Universal

I have to change it in the menu's JavaScript file? This does work, but is there another way to access the submenu width once it has been

Milonic JavaScript Menu • View forum - Anything Goes

Want Slide Down Sub Menu's by MenuFreak » Fri Aug 21, 2009 3:29 am: 0 Replies .... Vertical Plain Text Menu Integration - {RESOLVED}

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

effect:"slide & fade", duration:500, hideDelay:500, ... Unzip this and folders: css, img and js from vertical or horizontal folder copy to your root

Centered Theme :: Forum :: Indexhibit

I believe that it's then the js-query-version that is wrong or somehow ... Any chance of fixing it without putting back the vertical menu? ..... and activate the self-closing, and move the menu under the slide show?

WPVulpe • View topic - Zeoal Setup & Installation Documentation

Oct 21, 2009 ... Multi-Level dropdown (vertical) navigation menu. [J] [+] ... FlickR ready, and is in fade in-out slide or simple 4 block thumbnails. ..... A temporary quick- fix is to use non-javascript (non-tab) style of options page

Fixed position menus? - Ultimate Web Site Drop Down Menu Forum

... transitions' set to 'yes' in udm-x-sliding.js. I guess sliding extention was designed with vertical menus in mind. ... I mean using Sliding Menus together with horizontal menu extention. ... accessible javascript menu

DHTMLX Forum • View topic - stack overflow at line: 9

1UTILIZACAO/js/scheduler.js" type="text/javascript" charset="utf-8"></script> ... vertical-align:middle; text-align:center; font-family:Tahoma; ... <div id=" dv_menu"> Carregando MENU... </div> ... Toolbar, dhtmlxLayout, Windows, Accordion, dhtmlxCalendar, ColorPicker, Slider, Editor, Vault, Ajax

Un menu CSS vertical multi-niveaux

Je dispose d'un menu CSS vertical avec des sous-menus. ..... css pour la mise en forme et javascript (jquery powa) pour l'animation (slide, fade, etc...)

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

Edit the stylesheet "Navigation: Simple - Vertical" and add following .... i tried to change the navigation.js, but doesn't seem to work. .... to toggle the menu entrys on and off with a nice sliding effect using jquery

Vertical Menu - Zen Cart Support

I am looking for a working vertical slide out menu. ... I tried that menu option , but I am not so fluent with javascript, and I looked at

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

I've seen lots of questions about jQuery sliding effects and menu the last times . ... menu stylesheet "Navigation: Simple - Vertical", a custom javascript

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

I would like my Superfish vertical menu to slide out and in from the .... How to set up rounded corners using JavaScript in Joomla Modules

Lightbox Video Web Gallery Creator Forum : Web Photo Gallery Maker

May 22, 2010 ... Js Project Slide Gallery. For feature requests, troubleshooting, .... allow you to arrange your joomla content vertically than horizontally with . .... that enhance the user experience like a sliding navigation menu,

Slideout Menu

Feb 12, 2010 ... 'vertical-align:'+o.hdingvalign+';\n'+ 'text-align:'+o.hdingtxtalign+';\n'+ ..... Title bar background color "Test Menu" is on the menu1-js sheet .... We've moved away (off topic) from an Omni Slide Menu

Joomla! • View topic - The hot Transmenu 2.0 for Joomla is out!

II. MENU FEATURES 1. Vertical and Horizontal type. .... There doesn't seem to be any boxes, any sliding menus of any direction. ... folder to be more easily read and the .js file inside it to be more easily executed

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 ... <script type="text/javascript" src="jquery-1.4.2.min.js"></script>

Forum Swt Menu Background Color Template - Javascript Menu Template

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

Top 71 CSS Menus

at Exploding Boy; 14 Free Vertical CSS Menus : at Exploding Boy ... CSS only vertical sliding menu : at CSS Play; CSS Swag: Multi-Column

CSS Hover Menu - WebDeveloper.com

Thus, if one would 'slide off' the menu with the pointer, one could 'come back on' again. .... The javascript you have in the code is in error due to being in style tags instead of script tags, ... what about a vertical?

Javascript Drop-Down menu code explained

Modify the JavaScript to create a sliding effect for the drop down menu - Modify the table to create a "vertical" menu

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