Collapsible Menu Template by Deluxe-Menu.com
Collapsible Menu Template

Template:

Dark Red Menu Template - Rollover Dropdown Menu






    - UL/LI items structure
    - Submenus dropdown on mouseover
    - Top items and submenus have a shadow
    - Items with icons
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Search feature - add the search area in the menu and type symbols.
    - Inactive/Disabled items




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

Menu Screenshots

Collapsible Menu Template Javascript Windows Transition

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

Features

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 collapsible menu template menus easily and in no time
  • Sensible menu parameters for manual editing
Rollover Popup Menu Script Collapsible Menu Template
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collapsible menu template samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
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.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is there a way to center floatable menus horizontally on a page?
I used to use absolutePos=0, and all of my menus were centered ok, but when I tried floatable=1 I found that I had to change toabsolutePos=1 to get the menu to float, and this messed up my centering. Since I have multiple menus of different widths, I'd rather not have to hard-code the menu width, but please let me know if there's a better way.


A: Notice, when you use floatable menu you can't use relative menu position.
So, if you use

  var absolutePos = 0;

and to center the menu you use <p> or <div> with the center alignment your menu won't float.
To center your floatable menu you should set absolute coordinates.


Q: I want javascript navigation menu to lock into place when someone visits a page. Is there a way to do this?

A: Try to set the pressed item using the following API function:
function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion, parentOpen)
Sets a current pressed item.
menuInd - index of a dynamic menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.
parentOpen = true/false - open all submenus to show the selected item

See example here:
http://deluxe-menu.com/highlighted-items-sample.html

Try to click 'Highlight "Product Info/Installation/Description ofFiles" item'.

You can also try to use the following parameter:
  var smHidePause = 1000;
A delay (in ms) between mouse is moved from submenu and its closing.
You can make submenus to stay visible till you click outside the menu or scroll your page.
To enable this feature you should set this parameter in the following way:   var smHidePause = -1;



Q: We are an enterprise license holder and have recently purchased Deluxe Menu and are transitioning to it smoothly except for one minor annoyance; the first dhtml div menu item's submenu always has a gap between the browser’s left side as shown below. This happens for Internet Explorer 6, 7 and Firefox 2 and 3.04b.

If I move the menubar to the right about ten pixels, the submenu's left side will line up with the word "Search" as it should. Every other submenu on the dhtml div menu appears directly beneath its menubar item except for the very first one on the left. I’ve tried using a few of the example configurations but they all experience the same behavior.

The installation is in a multi-framed environment.

A: You should change dmenu.js file. Open it in any text editor and find:

space=15;

Change it to:

space=0;



Q: What the options of CSS Submenu, CSS Item, and CSS Text each handle.
What are the differences in the application?


A:   var cssSubmenu is a CSS class name for all submenus. You can set, forexample, background color, background image, borders for all submenus.

  var cssItem is CSS class names for all items (normal state, mouseoverstate) in the top menu and submenus.

  var cssItemText is CSS class names for text of all items (normalstate, mouseover state) in the top menu and submenus.

It's possible to appoint individual CSS styles for separate elements of the menu using individual item styles and individual submenu styles.

I sent you an example with css. Please, see how you can use css in themenu.


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