Dhtml Menu Example by Deluxe-Menu.com
Dhtml Menu Example

Menu Screenshots

Dhtml Menu Example Xp Style Menu

Features

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed dhtml menu example samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Javascripts Menu Tutorial Dhtml Menu Example
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I installed the trail version before I want to buy it. It looks wonderfull, but I was unable to make menu items inside a PHP file.

Do you have an example(tutorial) how to at deluxe menu inside a php file ?


A: Unfortunately, we don't have such example.

You can create your menu using PHP, for example:
<?php echo " ["|Bibliografia - ksiazki","home_bibliografia_dol.php","","","",,,],"; ?>
<?php echo " ["|Bibliografia - artykuly","home_bibliografia_dol1.php","","","",,,],"; ?>
<?php echo " ["|Bibliografia - linki","home_bibliografia_dol2.php","","","",,,],"; ?>

Please, see the following link too
http://deluxe-menu.com/generate-menu-from-database-xml-php-asp-vb-support.html


Q: I can't find an instance of your java pop menu that can lay over top of a flash object without making the flash object disappear like your demo.

Does yours or doesn't it do the same thing and if so, where is there an example?

A: Deluxe Menu overlaps flash in all browsers.

You can find fix for Firefox here:
http://www.deluxe-menu.com/objects-overlapping-sample.html



Q: Now on IE for Windows, the menus disappear as I roll over them, though not always.
I'd say 90% of the time they fade away as my cursor crosses them.
10% they stay and I can get a good click.

On Safari, they work great.


A: See menu parameters they contain:
  var smShowPause=0;
  var smHidePause=0;

You should set, for example:
  var smShowPause=200;
  var smHidePause=1000;

Try that.


Q: How do you go about labeling the various segments of your page to utilize the tab navbar?


A: See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)