Sample Javascript Transmenu by Deluxe-Menu.com
Sample Javascript Transmenu

Template:

Dark Red Menu Template - Rollover Dropdown Menu






    - 85% transparency for sub menus
    - Text aligned to left
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Personal CSS styles for separate menu elements
    - Filters and Transitional effects
    - Inactive/Disabled items
    - UL/LI items structure
    - Image arrows




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

Menu Screenshots

Sample Javascript Transmenu Javascripts Scrolling Menu Bar

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

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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed sample javascript transmenu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Style Menu Rollover Sample Javascript Transmenu
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.

  • Good menu is an essential part of website commercial success. If people can't find their way around the site, they will fast give up seeking and retire, never to return. So, it's extreme serious that your website has a accurate, precise, prompt, and navigation of immaculate appearance.
    Don't let your web site guests to get lost. Try Deluxe Menu!

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

Recent Questions

Q: I couldn't understand where to put copied SE Friendly code for the dhtml top menu.

A: You should generate search engine friendly code and install it on yourpage in the beginning of the BODY tag.

Deluxe Menu is a search engine friendly menu since v1.12.
To create a search engine friendly menu you should add additional html code within your html page:

<div id="dmlinks">
<a href="http://deluxe-menu.com">menu_item_text1</a>
<a href="http://deluxe-tree.com">menu_item_text2</a>
...etc.
</div>

To generate such a code use Deluxe Tuner application.

Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).



Q: I am evaluating your tabs before I purchase and I raninto a small problem.I need to be able to execute some javascript when I click on a tab in a navigation bar tabs

A: You can use your own javascript functions in the menu items.

You should paste "javascript:some_function()" into item's link field, for example:

["tab text","javascript: window.open('test.html', 'frameName')", ...],
or
["tab text","javascript: getURLForFrame()", ...],

Q: I am having trouble changing a template of dhtml drop down menu code. I am using the
http://deluxe-menu.com/data-templates/image-based-1-template-sample.html,
and I want to add more items to the top menu, however when I add an item, it doesn't follow the format of the existing items.


A: See, we use Individual Item Styles for the top items in this template.
For, example select the "CONTACTS" item on the main window.

In the "Item Parameters" window you can see Individual Styles assignedfor this item:

Item Style - Style1
Icons / Normal - images/spacer.gif

When you add the new item you should assign Individual Styles for itand add icon in the same way.

That is all.


Q: Is there any way I can do the opposite and make the space my separators take up only a few pixels high? At present I can only make them the same height as the other buttons even though the separator image is only 2 pixels high.


A: You should set a separator in the menuItems, for example:

  var menuItems = [
["Home","index.cfm", , , , , , , , ],
["-"],
["About Us","about.cfm", , , , , , , , ],

];

Please, see the following parameters:

//--- Separators
  var separatorImage=""; //for subitems
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="images/public/separator.gif"; //for the top items
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";




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