Sliding Menu In Javascript by Deluxe-Menu.com
Sliding Menu In Javascript

Template:






    - Submenus go over all page objects
    - Status string shows item labels
    - Sound support!
    - Submenus dropdown on mouseover
    - Personal CSS styles for separate menu elements
    - Transition #14 - "fade out" effect
    - Inactive/Disabled items
    - Hundreds of pre-designed templates




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

Menu Screenshots

Sliding Menu In Javascript Html Menu Pop Up

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
Cost Effective
Drag And Drop Js Sliding Menu In Javascript
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!
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 sliding menu in javascript menus easily and in no time
  • Sensible menu parameters for manual editing



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

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

Recent Questions

Q: When I want to have the same width of each item I use the individuel styles sometime it works and sometime not

A: See, when you use Individual styles to set the width for your items

  var bstyles = [
["bitemWidth=150px"],
];

you should check that you haven't set the exact width for the menu

  var bmenuWidth="250px";

Please, check it.



Q: I need to have a horizontal menu and a vertical menu on the same page (obviously with different content). I did this as two separate "projects" in the tuner and gave them different names so that the files wouldn't step on each other. However, it looks like only the second menu works, though it does show both. I assume it has something to do with the variable dmWorkPath overriding the first value with the second. How can I have two menus each with different content on the same HTML page?


A: You can use as many menus as you want on the one page.

But you should call dmWorkPath parameter and dmenu.js file only once.

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2007, http://deluxe-menu.com -->


Q: Deluxe menu is working fine but could you provide some steps for using the javascript tab menu?

A: You should paste your content in the <div> .. </div> tags.

<div id="content1" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DM.gif" width=262 height=56 alt="Deluxe-Menu.com"></p>
</div>

<div id="content2" style="visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DT.gif" width=262 height=56 alt="Deluxe-Tree.com"></p>

</div>

<div id="content3" style=" visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>

Q: Javascript menu frame Borders are present Firefox but missing in IE7, IE8, Google Chrome, Safari.

Firefox shows the borders ok.

A: You've set the following parameters in this menu:
  var menuBorderColor="#FF9191 #FF7837 #E10000 #952D00 ";
  var menuBorderWidth=3;
  var menuBorderStyle="";

You should specify style for your border, for example:
  var menuBorderStyle="solid";

See the attached example. I cannot notice such issue on Safari forWin. Write what version you're using.

Change also
  var fontStyle=["normal 8pt Verdana,normal 8pt Verdana","normal 8pt Verdana,normal 8pt Verdana"];
to
  var fontStyle=["normal 8pt Verdana","normal 8pt Verdana"];

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