Javascript Menu Examples by Deluxe-Menu.com
Javascript Menu Examples

Menu Screenshots

Javascript Menu Examples List Menu Example

Features

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
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!
Javascript Jump Menu Frames Javascript Menu Examples
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript menu examples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript menu examples menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view 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 automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I created a button set and saved the project. I was able to open it for a while, but now every time I try to open the data file it gives me this message: Access violation at address 004AACF7 in module 'deluxetuner.exe'. Read of address 00A78000. Is there anything you can help me with?


A: You used Individual Item Styles for the main items, but there was noindividual style in your parameters.

["Home","http:/www.jx2productions.com/index.html", , , , "_self", "0", , , ],
["About us","http:/www.jx2productions.com/about/index.html", , , , "_self", "0", , , ],


Q: I'm wondering if you can use the Link Item of the Deluxe Menu to have ASP code, similar to yoru FAQ below, only replacing the Javascript with ASP?

Q: I want to use Javascript instead of usual links for menu items. How can I do that? A: To do that you should add a function word "javascript" in the URL field of an item, e.g.:

  var menuItems = [
[text, "javascript:alert('Hello, world!')", icon1, icon2],
];


A: Thanks for your interest in our products.

You can use any server-side script, e.g., PHP, ASP, VB, etc.

You can find the example with PHP here:

http://deluxe-menu.com/generate-menu-from-database-xml-php-asp-vb-support.html
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html


Q: That worked for the rollover drop down menu but I lost my drop shadow on the main menu. The sub-menus still have it. The preview has the drop shadow but when I view it in IE it is not there.

A: You should check the following parameters:

  var shadowLen=3;
  var shadowColor="#B1B1B1";
  var shadowTop=1;



Q: Can you tell me why these two simple dhtml tabs menus are conflicting and overwriting?

A: Notice, when you have several dhtml tabs menus on the one page you should calldtabs.js file only once.

<script type="text/javascript" src="Top_Center1.files/dtabs.js"></script>