Template Menu Js by Deluxe-Menu.com
Template Menu Js

Menu Screenshots

Template Menu Js Folding Drop Down Menu

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 template menu js samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Html Create Tab Menu Example Template Menu Js
Easy Setup
  • De Luxe Tuner. GUI interface to create your template menu js menus easily and in no time
  • Sensible menu parameters for manual editing
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.

Recent Questions

Q: We are using Deluxe Menu for our website. When developing a new menu with longer text we are facing an issue.

JS Code for a menu item (Ajax technology):

[' Introduction &<br>Search Terms',
'/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/','','' ,'' ,'' ,'' ,''
,'/TeachingLaw/DeluxeMenu/AmySloan/Room1.js',],

Code as above is used to create a the following menu:

We are using <br> as the menu text is too long but the problem we are facing is the space between two line of web menu text.

Can you please let me know how we can reduce the space?

A: You can write your text in the following way:

["<div style='line-height: 10px'> &nbsp;Introduction &<br>Search Terms</div>",
"/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/","","","","" ,"" ,""
,"/TeachingLaw/DeluxeMenu/AmySloan/Room1.js",],

or

['<div style="line-height: 10px"> &nbsp;Introduction &<br>Search Terms</div>', '/TeachingLaw/Courses/LegalRsrchWriting/AmySloan/Room1/','','' ,'' ,'' ,'' ,'','/TeachingLaw/DeluxeMenu/AmySloan/Room1.js',],


Q: Your product seems to have menus draw only in a fixed 'hardcoded' direction ( opens either left or right )

is it possible to customize so that it is "self-aware" of the client browser window size...

"if there's room draw to the right, if not, open the menu to the left..."


A: You can see your submenus in any case.
They won't drop down out of the browser window.
Please, check it.

More info about the ways of showing submenus you can find here:

http://deluxe-menu.com/ways-showing-submenus-sample.html


Q: How to open a popup after clicking on a popup menu in javascript item in Mozilla.

The code in java script is supporting internet explorer but not mozilla.

A: You can write your popup menu in javascript Items in the following way:

["Home","javascript:window.open('http://deluxe-menu.com');window.focus;", "", "", "Home", "", "", "", "", "", "", ],



Q: Can a menu item that expands the submenu items when selected also work as a link?

A: Actually you cannot use links for the top items in the XP Style.

But you can write:

["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home'>About Us</a>","", "", "", "", "", "", "0", "", ],
 ["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],

And create styles
.home{
color: #FFFFFF;}
.home:hover{
color: #FFBEBE;}

But in that case the submenu and link open when you press "About Us" item. I think that it is not verygood behaviour. You can also try to specify target parameter

["<a href='index.html' class='home'>Home</a>","", "", "", "", "Return to Index page", "", "0", "", ],
["<a href='http://www.domain.uk' class='home' target="_blank">About Us</a>","", "", "", "", "", "", "0", "", ],
 ["|Introduction","http://www.domain.uk/introduction.htm", "", "", "", "", "", "", "", ],