Javascript Collapsing Menus Onmouseout by Deluxe-Menu.com
Javascript Collapsing Menus Onmouseout

Template:

Dark Menu Template - Clickable Menu





    - Items with icons
    - 85% transparency for sub menus
    - Personal CSS styles for separate menu elements
    - Top items and submenus have a shadow
    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Cross-frame support - menus work on frameset-based pages
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Sound support!




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

Menu Screenshots

Javascript Collapsing Menus Onmouseout Css Menus Transparency

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

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed javascript collapsing menus onmouseout samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Hover Javascript Collapsing Menus Onmouseout
Easy Setup
  • De Luxe Tuner. GUI interface to create your javascript collapsing menus onmouseout 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
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.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Is there a problem with your menu software and IE 7?
My menu was working fine, now that I upgraded the browser to IE 7, the menu doesnot show any more.


A: Try to set exact value for menu width.

For example:
  var menuWidth="800px";

Your menu should work fine.


Q: How can I set the top-level items to be transparent for the dhtml dropdown?

A: You should create Individual Item and Submenu styles with transparent itemBackColor and assign it for the top items:

  var itemStyles = [
["itemBackColor=transparent,transparent","itemBorderWidth=0","fontColor=#000000,#000000"],
];

  var menuStyles = [
["menuBackColor=transparent","menuBorderWidth=0"],
];

More info you'll find here:
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html


Q: I cannot see the arrow.gif's in my rollover drop down menu.

Here is my code:
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowWidthSub=0;
  var arrowHeightSub=0;
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Do I need to put the arrow's somewhere else?

A: You should check the following parameter:

  var pathPrefix_img="data-samples/images/";

Please check that you have the correct path to your aroows relative to the folder withindex.html file.

For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html

In menu.js file you should write:
  var pathPrefix_img="menudir/";
  var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
  var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];

or
  var pathPrefix_img="";
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Q: Also, I was wondering about adding some css (style="cursor:pointer") so when someone is over the javascript pop menu it will turn into a hand and the user will know it is clickable.

A: Set the following javascript pop menu parameter:

  var itemCursor="pointer";



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