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

Template:






    - Items with icons
    - Several menus on one page
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Cross-frame support - menus work on frameset-based pages
    - Submenus go over all page objects
    - Image arrows
    - Status string shows item labels
    - Submenus automatically scrolls




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 Menu Horizontal Xml Cross

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

Features

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
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
Dhtml Floating Navigation Javascript Collapsing Menus Onmouseout
Cost Effective
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



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

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: Why is the submenu a different colour has a different colour than menu items - surely that's not an IE specific feature? The top-level menu items seem to be a different size too, so the layout in IE looks more even.

A: Submenus has a different color because they have a transparency:

  var transparency="90";

Set it to 100.

Submenus also have larger width than top items because they containsmore text. If you want to wrap the text, use
tag between item words.



Q: Your product seems to have menus draw only in a fixed 'hardcoded' direction ( opens either left or right )

is it possible to customize so that it is "self-aware" of the client browser window size...

"if there's room draw to the right, if not, open the menu to the left..."


A: You can see your submenus in any case.
They won't drop down out of the browser window.
Please, check it.

More info about the ways of showing submenus you can find here:

http://deluxe-menu.com/ways-showing-submenus-sample.html


Q: When I create a tree menu that can be expanded with the double arrows. I was wonder if there was a way to have the dhtml slide tree menu already expanded with I open the page the menu is on instead of having to expanded every time.


A: To expand items by default in Deluxe Tree you should add '+' symbolbefore item text.

Foe example:
["+Deluxe Tree: XP Style","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
 ["|Product Info","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],
   ["||What's New","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
   ["||Features","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", ],
...

The following parameter expands all menu items by default:

  var texpanded=1;


Q: Using data-visa-5.js

Trying to get the menu to start collapsed rather than fully expanded.

Thought it was the   var texpanded=0 setting but doesn't seem to have any effect.

A: See, when you set + sign before item's text that is mean that thisitem will be expanded.
Now you have:

["+   Home","index.php","","","Home","","","1",""],
["+   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["+   WeatherForum","/forum/index.php","","","Home","","","1",""],
["+   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["+   Weather Maps","","","","Weather Maps","","","1",""],

Delete + signs from your items:

["   Home","index.php","","","Home","","","1",""],
["   Current Weather","","","","Current Weather","","","1",""],
 ["|Hourly Forecast","index.php?forecast=avnmos&zipcode=55744&oc=mosview_option|forecast","","","Hourly Forecast",,,],
 ["|Warnings/Advisories","index.php?forecast=warnings&zipcode=55744","","","Warnings/Advisories",,,],
 ["|Special Weather Alerts","index.php?config=&forecast=special&zipcode=55744","","","Special Weather Alerts",,,],
 ["|Live Weather","javascript:open('../../wxflash/index.htm','_blank')","","","Live Weather",,,],
["   WeatherForum","/forum/index.php","","","Home","","","1",""],
["   Weather Cams","","","","Weather Cams","","","1",""],
 ["|RapidsCam East","javascript:open_win('../../webcam/eastcam.asp',335,270,0,0,0,0,0,0,0,0,2,'cameast');","","","RapidsCam East",,,],
 ["|RapidsCam West","javascript:open_win('../../webcam/westcam.asp',367,270,0,0,0,0,0,0,0,0,3,'camwest');","","","RapidsCam West",,,],
["   Weather Maps","","","","Weather Maps","","","1",""],




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