Yui Menu Mouseover by Deluxe-Menu.com
Yui Menu Mouseover

Template:

Ebay Style Template - Dhtml Menu Bar






    - Top items and submenus have a shadow
    - Cross-frame support - menus work on frameset-based pages
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - Inactive/Disabled items
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Submenus go over all page objects
    - Items with icons




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

Menu Screenshots

Yui Menu Mouseover Tutorial Javascript Menu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed yui menu mouseover 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
Pull Down Menu Html Codes Yui Menu Mouseover
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!
Cost Effective
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.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have the mouseover menu working fine but want the chosen option to display in a tab under the menu.

A: Deluxe Tabs doesn't have API functions to set pressed item on-the-fly. You can set presseditem on the page loading only.

But you can use onClick event for the Deluxe Menu items and call the following function toopen appropriate tab:

dtabs_itemClick(menuN, itemN);

where
menuN - index of a menu on a page, >= 0.
itemN - index of a tab you want to show, >=0.

["<div onClick='dtabs_itemClick(0,2)'>Open 3rd tab</div>","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "", "", "", "", "", ],


Q: We have another question. How can we increase the width of the vista style buttons? Changing the itemwidth style will make the buttons larger but it also cause all the images to appear in the wrong place.

  var itemStyles = [
["itemWidth=92px"


A: The width of Vista images is 92px. So, if you want to create the itemswider than 92px you should change vista images in any graphic editor,for example in PhotoShop.


Q: Deluxe Menu supports keyboard navigation eg. CTRL+F2 to activate menu.

Why does Deluxe Tabs not have the same feature?

I would like to use both java script navigation menu systems on the same page, and both need to have keyboard navigation for accessibility reasons.

A: Unfortunately it is really so, Deluxe Tree and Deluxe Tabs doesn'thave such a feature now.

We'll try to add this feature in the next versions of the java script navigation menu.



Q: I found the problem with de Deluxe Menus:
When the menu is inside the <DIV> </DIV> tags, the menu is shown, but does not scroll.


A: See, you use absolute position for this <div>

<div STYLE="position:absolute;top:151px; left:0px">

But you can use absolute position for the menu. Your menu will scrollin this case.

For example, you should set:

  var absolutePos=1;
  var posX="0";
  var posY="151px";

And install your menu

<div>

<script type="text/javascript" src="data.js"></script>

</div>

Or, write:

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


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