Interspire Navigation Menu by Deluxe-Menu.com
Interspire Navigation Menu

Menu Screenshots

Interspire Navigation Menu How To Create Menu In Html

Features

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
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
Como Crear Un Menu Con Javascript Interspire Navigation Menu
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your interspire navigation menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed interspire navigation menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: How do I make buttons in the navigation bar example transparent?

A: To set transparent background for the menu you should set:

  var menuBackColor="transparent";

Q: Do you have a few examples of how to create clickable links for html popup?

A: You can find such example here:
http://deluxepopupwindow.com/javascript-close-popup-safari.html

See how you should write your link:
<a class=sampleLink title="Click to open sample" href="javascript:;"
onClick="deluxePopupWindow.open('safari', 'New Popup window', '#2: Popup window',
width=250,height=50,resizable,minimizable,fullscreen,centerscreen,middle,right,,fade-effect,
opacity=0.95,floatable=no', 'windows_safari')">Click here to open</a>



Q: Do you by chance have an example of the java popup menu working with XML?

A: You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.
However, these scripts don't work inside of Javascript .js files, so,you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- 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) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:http://deluxe-menu.com/rq-loading-bar-MySQL-support.html


Q: I need to include backgroundimages 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.
Any solutions for this problem?


A: Now you have such paths for all your images data.files/image.gif

  var itemStyles = [
["itemWidth=128px","itemBackImage=data.files/nav01_off.gif,data.files/nav01_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav02_off.gif,data.files/nav02_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav03_off.gif,data.files/nav03_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav04_off.gif,data.files/nav04_off.gif"],
["itemWidth=128px","itemBackImage=data.files/nav05_off.gif,data.files/nav05_off.gif"],
];

But you don't have images in "data.files/" folder. That's why youcan't see them.
Please, check all your paths.

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.