Wordpress Sliding Door Submenu by Deluxe-Menu.com
Wordpress Sliding Door Submenu

Template:

iPhone 5 Template - Cascading CSS Menu






    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Cross-frame support - menus work on frameset-based pages
    - Image arrows
    - Transition #14 - "fade out" effect
    - Submenus automatically scrolls
    - Search feature - add the search area in the menu and type symbols.
    - Filters and Transitional effects
    - Status string shows item labels




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

Menu Screenshots

Wordpress Sliding Door Submenu Dhtml Folder Menu

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your wordpress sliding door submenu menus easily and in no time
  • Sensible menu parameters for manual editing
Drop Down Men C Bc Tutorial Wordpress Sliding Door Submenu
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
Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed wordpress sliding door submenu 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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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: We would like to use standard images for the main menue and add popup menues by using deluxe menue. The popups are triggered by hovering the cursor above the main menueimages and they should stay visible as long as the cursor is in the image.
If the cursor leaves the image, the popup should be closed unless it is in the popup menue.


A: See, you can use one Deluxe Menu (image-based) with images for the mainitems and submenus or you can use several pop up menus for each image.

http://deluxe-menu.com/popup-mode-sample.html

You should use onMouseover event.


Q: Is there a different type of menu, other than the way I have it set up, such as the tree type, that might load faster or take up less space when the page loads?


A: You should set
  var dmAJAX=1;
create .js files with your submenus and call this files from your mainfile, for example:

  var menuItems = [

["Home","testlink.htm"],
["Product Info","", , , , , , , "data-samples/data-ajax2.js", ],
["Samples","", , , , , , , "data-samples/data-ajax3.js", ],
["Purchase","testlink.htm"],
["Contact Us","testlink.htm"],
];

/*** data-ajax2.js ****/
  var menuItems = [
["Features","testlink.htm"],
["Installation",""],
["Parameters Info","testlink.htm"],
["Dynamic Functions","testlink.htm"],
["Supported Browsers",""],
];

Add dmenu_ajax.js file in the same folder with your dmenu.js file.

Try that.


Q: We are evaluating your product Deluxe Tree-menu.

We want that when user clicks an item, then load other page. This other page also conatains the tree menu. But, we are looking for how we have to do for the previously clicked menu items in java (in the previous page) remains highlighted for inform to user what is his current page/selection.

We know toggleMode feature, but after the second page loads, the clicked item does not remain higlighted.

It is possible to achieve this behavior with your product???

A: You should use API functions in that case

function dtreet_ext_expandItem (itemID, expand)
function dtreet_ext_setPressedItem (menuInd, itemID)

See more info about API functions:
http://deluxe-tree.com/functions-info.html

See the samples:
http://deluxe-tree.com/dynamic-drop-down-menu-sample.html
and
http://deluxe-tree.com/highlight-selected-menu-item-sample.html



Q: However, when I place it inside a CSS-defined div element (for absolute page placement) the submenu's all drop down a couple hundred pixels.


A: 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;">
Try that.


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