Collaspible Menu Css Only by Deluxe-Menu.com
Collaspible Menu Css Only

Template:

Black Rounded Template - Mouse Over Drop Down Menu






    - Top items and submenus have a shadow
    - Text aligned to left
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Items with icons
    - Status string shows item labels
    - Personal CSS styles for separate menu elements
    - Submenus dropdown on mouseover
    - Image arrows




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

Menu Screenshots

Collaspible Menu Css Only Drop Down Menu Mit Javascript

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!
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed collaspible menu css only samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Hidemenu Collaspible Menu Css Only
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
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



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: I also did not understand the difference between the "deluxe menu" and the "deluxe tree" software. Can you please send me a short description?

A: These are different menus.

Deluxe Tree is a tree view. Items in Deluxe Tree are expand/collapseon click.

Deluxe Menu is a cascade menu.



Q: Greetings. How do I make a menu item as default selected and open when the page loads with the dhtml menu bar script? Thanks.

A: Deluxe Menu has only two states normal and mouseover.

Try to do the following things:

- delete   var pressedItem=1; parameter from your data file
- set correct parameter on each page before you call data file, forexample:

<noscript><a href="http://deluxe-menu.com">dhtml menu bar script by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<script type="text/javascript">  var pressedItem=3;</script>
...
<script type="text/javascript" src="menudir/data.js"></script>

You can also set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a dhtml menu bar script 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.



Q: We’re a licensed user of deluxe menu and tree menu.

Can you please tell me how to specify left padding for a dhtml tree menu item? I don’t see any item padding options for tree menu in any of the documentation.

A: You should use the following parameter:

  var tlevelDX=10;



Q: How do I expand the length of the vista html drop menu tab images to accommodate longer text? If the text is "Special Event Programs", the arrows are outside the tab in another partial one.  I am using the Vista style tabs (black_blue / tealblack).

Is there any way other than definition of new image files to get more color combos?

Can I change the text size in the menu tabs?  When I use the Tuner, it has no effect.


A: Try to use image-based menu.

Set:

  var menuWidth="92px";
  var menuHeight="";

and create the following style:

  var itemStyles = [

["itemBackImage=WANmenu.files/btn_magenta-back.gif,WANmenu.files/btn_magentablack-back.gif",
"beforeItemImage=WANmenu.files/btn_magenta-left.gif,WANmenu.files/btn_magentablack-left.gif","afterItemImage=WANmenu.files/btn_magenta-right.gif,WANmenu.files/btn_magentablack-right.gif","beforeItemImageW=10","afterItemImageW=10","beforeItemImageH=21","afterItemImageH=21",
"itemBorderWidth=0","fontStyle=normal11px Tahoma","fontColor=#FFFFFF,#FFFFFF"],
];


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