Free Horizontal Sliding Tab Menu Joomla by Deluxe-Menu.com
Free Horizontal Sliding Tab Menu Joomla

Menu Screenshots

Free Horizontal Sliding Tab Menu Joomla Javascript Onmouseover Frame

Features

Cost Effective
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
Javascript Create Dropdown Free Horizontal Sliding Tab Menu Joomla
Easy Setup
  • De Luxe Tuner. GUI interface to create your free horizontal sliding tab menu joomla menus easily and in no time
  • Sensible menu parameters for manual editing
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed free horizontal sliding tab menu joomla 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.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I am just in the process of evaluating your deluxe menus product for possible purchase.  
I have installed the product and i am using the Deluxe Tuner product to create my menus based on the Vista 3-08 template.  

I save the project and it adds the .js files in the correct location ( all under Menu folder in my project), but none of the images for the top level menu are copied (btn_red.gif or btn_red2.gif).  

So when i run my website, i see the drop down menus but no header menu images (see attached image).  

What image files need copying to which location in my websites main folder?


A: When you save your menu in Deluxe Tuner (use "Save as..." or "Exportto HTML" functions) you'll get a folder with all engine files(dmenu.js, dmenu_add.js ...) and all images.

So, for Vista Style 3-08 template you'll have the following images:

arr_white.gif
arrv_white.gif
blank.gif
btn_red.gif
btn_red2.gif

You should copy folder with all these files on your server.


Q: Is there a way to hide a menu options using either CSS or the java api based on the site user for the mouseover menu?

A: Deluxe Menu supports Javascript API.
You can find more info here:
http://deluxe-menu.com/dynamic-functions-sample.html

You can try to use API functions in that case:
function dm_ext_changeItemVisibility (menuInd, submenuInd, itemInd, visibility)
To disable items you should set the target parameter to "_".
You can try to use the following function

function disable() {
dm_ext_changeItem(0, 1, 1, ["", "", "", "", "", "_"]);
}
to disable your items.




Q: Is there any way of setting the height of individual items in a vertical menu as I need to have some buttons bigger than others.


A: You can use <br> tags in the item text.

For example:

["Samples<br>Samples","", "", "", "", "", "", "", "", ],


Q: Extremely new at this and likely way over my head…..but why when I attempt to use my own button image in the “itemBack Image” selection under “Edit Individual Styles” does it keep showing up blank in the preview screen?


A: Please, check all your paths.
You can also 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.