Wordpress Expandable Menu by Deluxe-Menu.com
Wordpress Expandable Menu

Template:

Myspace Style Template - Drop Down Menu Bar

 









    - Top items and submenus have a shadow
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Horizontal or vertical orientation
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Several menus on one page
    - Inactive/Disabled items
    - Items with icons
    - Submenus dropdown on mouseover




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

Menu Screenshots

Wordpress Expandable Menu Dhtml Menu Sample Codes

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
Cost Effective
Creating Menu And Submenu In Javascript Wordpress Expandable Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your wordpress expandable menu 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



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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How can I get an image to be a separator in between items on my css vertical drop down menu?

A: To add a separator you should

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

You can create separators using menuItems (you can do it in DeluxeTuner, use "Add separator" button), for example:

  var menuItems = [
["item 1"],
["-"], // this item is separator
["item 2"],
];

Q: I am trying to install a search engine on my site and am having trouble due to my use of your tree-menu system, which I love by the way.  I really need to find a compatible script that will search your javascript menu system, or at the very least search another file with mirrored links.  I DO NOT want to add the links to each page, this is why I love your menu's, there is one central location to change navigation statewide.

Do you know if there is a search script that can do this( js, php) or is there a way to make your javascript tree menus accessible to the search engine?


A: You can generate search engine friendly code.
Deluxe Tree is a search engine friendly menu since v2.4.
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.
You can find this GUI in the trial package.
Run Tuner, load your menu and click Tools/Generate SE-friendly Code (F3).


Q: Why is it that when we place a drop menu ina div that the droppping part is not right uner the menu? The menu on top banner is the problem.. Thesame code outside of a div futher down the page works fine.

 I can place the same menu outside of the div and it works fine.When it is in a div the drop part of the menu is pushed to the far right of the screen.

A: Brian, see, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).
In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute;"

to the

<div id="menu">

So, you'll have:

<DIV id="menu" style="POSITION: absolute;">



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