Horizontal Menu Fusion by Deluxe-Menu.com
Horizontal Menu Fusion

Template:






    - Submenus automatically scrolls
    - Submenus go over all page objects
    - Hundreds of pre-designed templates
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages
    - Unlimited number of sub levels
    - Inactive/Disabled items
    - UL/LI items structure




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

Menu Screenshots

Horizontal Menu Fusion Fireworks Menu Download

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed horizontal menu fusion 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 horizontal menu fusion menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Example Code Dropdown Menu Horizontal Menu Fusion
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!
Cost Effective
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



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: I have the cursor set as pointer – on some of the top menu items there is no link behind it yet the cursor still turns to a pointer.

Is there any way to have it so it only becomes a pointer if there is a link?


A: Unfortunately, you can set different cursor type for the menu items.


Q: I have noticed on your menus that have multiple nodes, you areallowing only the icon to be clicked and expand the tree. How would I alter the code so that when a user clicks anywhere on the tree with multiple nodes, the entire tree expands instead of the user having to be so precise in selecting the tiny icon to expand the tree.


A: You should set the following parameter to expand item on a mouseclick:

  var texpandItemClick=1;


Q: The submenu pop is appearing above the menu instead of the bottom again even though I have set the following parameter   var subMenuVAlign="bottom";

A: Use new engine files and set the following parameter:

  var subMenuVAlign="top";



Q: Working with dhtml tab menu, how do you place content under them?

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

<div id="content1" style=" visibility: hidden;" class="tabPage">
<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">
<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">
<p align=center>>img src="img/logo_DTabs.gif" width=254 height=58 alt="Deluxe-Tabs.com"></p>
</div>


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