Non Scrollable Menu Wordpress by Deluxe-Menu.com
Non Scrollable Menu Wordpress

Menu Screenshots

Non Scrollable Menu Wordpress Create Javascript Menu

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
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!
Collapsing Menu Sample Non Scrollable Menu Wordpress
Cost Effective
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
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



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: Shall I have to call the main egine file of the javascript menu maker - dmenu.js twice if I want to install two menus on the page.

The second script:
<script type="text/javascript" src="datatopnav.files/dmenu.js"></script>

Is for the top navigation menu, the datahscounseling is for the side menu. If I delete that line won't my top navigation be gone?

A: No, when you have several menus on the same page you should calldmenu.js file only once and then call several data files.

You should install the menus in the following way:

<head>
...
<noscript><a href=http://deluxe-menu.com/>Javascript Menu Maker by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "datahscounseling.files/";</script>
<script type="text/javascript" src="datahscounseling.files/dmenu.js"></script>

<script type="text/javascript" src="datatopnav.files/dmenu.js"></script>
<!-- (c) 2007, http://deluxe-menu.com -->
...
</head>
<body>
...
<TD height=25 colSpan=3 class=style1>
<script type="text/javascript" src="datatopnav.js"></script></TD>
...
<td width="180" height="307" rowspan="2" valign="top" bgcolor="ffffff"><div align="left">
<script type="text/javascript" src="datahscounseling.js"></script></DIV>
...
</body>

Both menu will work correctly in that case.

See the example I've sent you. It works fine.

You can find more info about installation of several menus on thesingle page:

http://deluxe-menu.com/installation-info.html


Q: I would like to have the dhtml sliding menu save the state when reloading or refreshing the browser.Can this be done with the expandable menu? If so, what is the syntax?

A: You should use the following parameter:

  var tsaveState = 1;

Example, you can find here:
http://deluxe-tree.com/data-samples/tree-menuxp-save-state.html

Q: I’m setting an after item image as follows (this code was generated by Deluxe Tuner, not by hand/text editor):

  var afterItemImage=["designimgs/btn-ico.gif","designimgs/btn-ico-active.gif"];

  var afterItemImageW=8;

  var afterItemImageH=7;

As you can see, the after item image is not appearing in my access drop down menu – do you have any idea why that would be/how to fix?

A: You should create Individual style and assign it for the top access drop down menu items:

  var itemStyles = [
["itemBackImage=designimgs/blank.gif,designimgs/blank.gif", "beforeItemImage=designimgs/blank.gif,designimgs/blank.gif", "afterItemImage=designimgs/btn-ico.gif,designimgs/btn-ico-active.gif", "beforeItemImageW=1","afterItemImageW=8", "beforeItemImageH=1","afterItemImageH=7","itemBorderWidth=0"],
];



Q: How do I center a menu item inthe drop down menu example?

A: Try to use the following parameter:

  var itemAlignTop="center";