Mouseover Sliding Product Menu Demo by Deluxe-Menu.com
Mouseover Sliding Product Menu Demo

Template:

Grey Menu Template - Horizontal Dhtml Menu

 









    - Filters and Transitional effects
    - Horizontal or vertical orientation
    - Text aligned to left
    - 85% transparency for sub menus
    - Cross-frame support - menus work on frameset-based pages
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Inactive/Disabled items
    - UL/LI items structure




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

Menu Screenshots

Mouseover Sliding Product Menu Demo Transparent Drag Menu

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

Features

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
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 Javascript Menus Mouseover Sliding Product Menu Demo
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed mouseover sliding product menu demo samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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.

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

Recent Questions

Q: First, i like the time I save with this program, but it isn't going to help me that much if I can't put the menu where I want it on my page.

No matter how I set the "positioning", it shows up in exactly the same place over and over. I've put it in table cells, I've given it absolute positioning... none of it matters.


A: If you want to center the menu paste itwithin the <div> or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600><script type="text/javascript" src="data/data.js"></script></td>
</tr>
</table>

Please, set exact value for   var menuWidth parameter, for example:

  var menuWidth = "600px";
This can help to align your menu correctly in all browsers.
Try also to specify units in "px".
Set also:
  var absolutePos = 0;

Try that.


Q: We need to place a vertical menu on the right of our page, and have the subnav options popout on the LEFT of the vertical navbar.
Can you script handle this?

A: Yes, you can create such menu with Deluxe Menu.
Please, see:
http://deluxe-menu.com/ways-showing-submenus-sample.html
You should set this parameter.
Submenus can be shown in 4 ways. More info you can find here:
http://deluxe-menu.com/ways-showing-submenus-sample.html
  var smViewType=2;

Q: There is a portion of my site that is set to produce frames and I was wondering if there is more information about setting links in a javascript collapsable menu to selected frame pages?

A: You can specify target parameter for each item in javascript collapsable menu individually.

For example you can specify the name of the frame in the menuItems where you would liketo open your link:

 ["|Home","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "frame", "", "", "", ],



Q: I am evaluating your product and would like to display my top menu without a border, but have the dropdown (child menus) all have a border and shadow.
If I change the menuBorderWidth to anything but 0, I get a menu on both the top menus and dropdowns. I need a topBorderWidth and a childBorderWidth.

Is there any way to accomplish this?


A: Yes, you can do it.

Please, set:

  var menuBorderWidth=0;

To set border for submenus you should use Individual Submenu styles, for example:

  var menuStyles = [
     ["menuBorderWidth=1","menuBorderColor=#9A9CA7"], //style 0
];

  var menuItems = [

     ["Home","testlink.html", , , , , , , , ],
     ["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
          ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , "0", , ], //style 0
     ["Samples","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
          ["|Sample 1","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , , "0", , ], //style 0
          ["|Sample 2 is Disabled","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , "_", , "-1", , ],
...

You should assign style for the first item in the submenu.


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