Javascript Dropdown Menu by Deluxe-Menu.com
Javascript Dropdown Menu

Template:

Photobuket Style Template - Drop Down Navigation Menu






    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Sound support!
    - Personal CSS styles for separate menu elements
    - Submenus go over all page objects
    - Image arrows
    - Text aligned to left
    - Status string shows item labels
    - 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

Javascript Dropdown Menu Javascript Code For Mouseover Menu Popup

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

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!
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript dropdown menu menus easily and in no time
  • Sensible menu parameters for manual editing
Javascript Pull Down Menu In Frames Javascript Dropdown Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript dropdown menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Can I change the style of javascript tree menu on the fly when I click the style menu items of the tree I made?


A: Theoretically you can do it.

Try to use
function dtreet_ext_userClick(itemID)
{
// Your Javascript code here
return true;
}

function and call

function dtreet_ext_changeItem (menuInd, itemID, itemParams)
function in it.

You should create Individual item style for this item and and assignthis style when you click on the item


Q: Actually, we figured out how to adjust the alignment of the text. What we would like to do is set a specific width for each item on the top level of the menu. Right now the width of the menu is based on the length of the item in that hotspot. We would like the width of each of those options to be the same.


A: You should use individual item styles. For example:

  var itemStyles = [
["itemWidth=123px"], //style 0
["itemWidth=150px"], //style 1
];

  var menuItems = [

["Home","testlink.html", , , , , "0", , , ], //style 0
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "0", , , ], //style 0
["Text","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", , , "1", , , ], //style 1

Try that.


Q: Is there a way to add an email address as a menu item in the html free menu?

A: You can open any files using Deluxe Menu including PDF files.

You can insert any html code within menuItems, for example:

 ["|You can place <b>any HTML code</b><br> to item, for example <u>image</u>:<br><img src=img/logo.gif>","testlink.html"],
 ["|Index  <select style='width:120px;height:17px;font:normal 10px Tahoma,Arial;'><option>
Section 1<option>Section 2<option>Section 3</select>", "", "", "", "", "", "", ""],
 ["|Search <input type=text style='width:80px;height:17px;font:normal 10px Tahoma,Arial;'>  <input type=button value='Go' style='width:30px;height:17px;font:normal 10px Tahoma,Arial;'>", "", "", "", "", "", "", "0"],
 ["|Write Us", "mailto:[email protected]", ""],

Q: When i stay on one page so must have the menue-point of the html menu for this page another color or font. How can i make this?


A: You should set pressed item.
Please, check the following parameter

  var pressedItem=-2;

This parameter sets an index of an item that will be highlighted by default.
-2 - the toggle mode is disabled;
-1 - the toggle mode is enabled, but no items highlighted by default;
0,1,2,3,... - index of highlighted item in a top-menu.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can also set the correct
  var pressedItem=1;
parameter on each html page.


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