Javascript Submenu Slider by Deluxe-Menu.com
Javascript Submenu Slider

Template:

Veoh Style Menu Template - DHTML Horizontal Menu






    - Horizontal or vertical orientation
    - Cross-frame support - menus work on frameset-based pages
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Several menus on one page
    - Inactive/Disabled items
    - Hundreds of pre-designed templates
    - Top items and submenus have a shadow




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

Menu Screenshots

Javascript Submenu Slider Vertical Cascading Menus

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

Features

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



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Hi - I've turned on tsavestate which works, but it acts erratically. I have my javascript cascade menu .js file in a /js folder, and the site has multiple directories, but all the pages in all directories use the same menu SSI include, which uses the same deluxemenu code in the common /js folder. I read your KB article about states, cookies and multiple folders, but it is confusing... does it actually save state per directory, versus per the entire domain? I only have one menu for the entire site.. just would like it to save state correctly for all pages in all folders that include that javascript cascade menu.

A: It's a feature of the browser. It creates different cookies for eachsubdirectory.The only way is to place all your pages in the one directory.



Q: I have created a menu for a product tutorial. It consists of about 50 topics, each of which is listed in my menu. I’m wondering if there is a way to gray out the menu link for the open tutorial topic?


A: Unfortunately, Deluxe Menu doesn't have such a feature.
You should write your own code, for example, on PHP.

You can try to use the following function

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

The example you can find on our site
http://www.deluxe-menu.com/dynamic-functions-sample.html

Please, see the source code.


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.


Q: How I can set left align for the arrows in my drop down menu templates?

  var arrowImageSub=["arr_1_blk.gif","arr_1_red.gif"];

A: If you want that your arrows will appear on the left side you shouldset:

  var dmRTL=0;

parameter.



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