Javascript Slide Menu by Deluxe-Menu.com
Javascript Slide Menu

Template:






    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Filters and Transitional effects
    - Hundreds of pre-designed templates
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Image arrows
    - Status string shows item labels
    - Search feature - add the search area in the menu and type symbols.
    - Submenus automatically scrolls




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

Menu Screenshots

Javascript Slide Menu Hide Menu Bar In Browser Javascript

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

Features

Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript slide menu menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Horizontal Menu Examples Javascript Slide Menu
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
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
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
Buy Now!   ::  Free Trial Download   ::  More Info

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!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have a question about your code for drop down menu; I was searching the internet for some programs that could generate a good menu for me. I came across your program deluxe tuner. It said it was freehowever it seems as if you need another program to get this one to work although it looks like deluxe tuner does everything I need to do. Anyways I am having a serious issue. The program generates the navbar perfectly fine, the problem is getting it to import into my web page. I tried the instructions below in dreamweaver CS3 severaltimes. I then tried to do it to a blank web page still nothing. I go into the source code and paste the code that this program generates exactly where I am told to place it then I also place the other code where I would like the navbar to be. Nothing happens I preview my site and I just get a blank page??? I placed the source files under the root of the web folder; I double checked the code to make sure that it is pointing to the source files. The Main .Js file sits in the root folder the same folder that the page is in, and the other .js files sit under a folder called “ NavBar.files “ that deluxe tuner generated for me.What could I possible be missing?? If I need to pay for the program I defiantly will but not until I get an answer on this question.

A: Your installation seems to be correct.

Please, check that you have all files for the code for drop down menu in the correctplaces, for example:

NavBar.files/
dmenu.js
....
*.gif
...
index.html
NavBar.js

Try also to set exact width for the code for drop down menu, for example:

  var menuWidth="400px";



Q: I have downloaded the trial version and so far I really like what I see except for one issue. Any page that includes the following doctype:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

seems to break the absolute positioning of the menu and sends it to the far upper left corner of the page. Any help on fixing this would be greatly appreciated.


A: The problem is in <!DOCTYPE> attribute.

Please, set 'px' units for posX and posY parameters,for example:

  var posX="100px";
  var posY="100px";


Q: We use your deluxe menu app. We are trying to configure menu windows to a certain width. But when we configure it to a certain number of characters, the app cuts words. Is there any way to configure it, so that doesn't happens and puts that word in the lower line in the menu en javascript item?

A: Try to use the following parameter:

  var noWrap=0;

You can also use standard <br> tags within menu en javascript item's text.

["Product <br> Info","", "deluxe-menu.files/icon1.gif","deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],



Q: I need to include background images for my navigation, so I put them in the same folder where the "data.js" file can be found. I am using the deluxe tuner in order to call these files and it looks great in the preview. As soon as I save the file and load it in the browser, the background images are missing.

Your solution refers to creating absolute paths using
  var pathPrefix_img = "http://domain.com/images/";

I have implemented this solution but I still think the problem persists.


A: Now you set pathPrefix parameter:
  var pathPrefix_img = "http://www.domain/folder/menudir/dataAlumni.files/";

And you have such images paths, for example:
  var arrowImageSub=["dataAlumni.files/submenuIconOff.gif","dataAlumni.files/submenuIconOn.gif"];

So you have such paths for arrows:
http://www.domain/folder/menudir/dataAlumni.files/dataAlumni.files/submenuIconOff.gif

It is not right.

You should write your paths so:
  var arrowImageSub=["submenuIconOff.gif","submenuIconOn.gif"];

Please, correct it.


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