Onmouseover Slide Menu by Deluxe-Menu.com
Onmouseover Slide Menu

Template:

iPhone 9 Template - CSS Drop Menu






    - Submenus automatically scrolls
    - Image arrows
    - Submenus dropdown on mouseover
    - AJAX menu loading - loads web menu data from the server "on-the-fly".
    - Cross-frame support - menus work on frameset-based pages
    - Hundreds of pre-designed templates
    - Filters and Transitional effects
    - Sound support!




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

Menu Screenshots

Onmouseover Slide Menu Vertical Collapsing Dhtml

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!
Cost Effective
How To Create A Drop Down Menu Onmouseover Slide Menu
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your onmouseover slide menu menus easily and in no time
  • Sensible menu parameters for manual editing



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

Javascript Menu. DHTML Menu.

  • Submenus drop down over all the objects of the page (select, flash, object, embed, applet). If for some reasons a submenu can't drop down over an object, the latter will be hidden for a time when the submenu is shown.
  • These effects will make your menu more attractive and stylish. You can cast a shadow on the menu and submenus, set transparency. Among available transitional effects there are such as fade, mosaic, random dissolve, slide out and many others.
  • Create individual styles and assign them to any submenu and item. Use individual styles to achieve stunning effects!
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How do I add padding around a top item in the javascript menu buttons?

A: You should specify itemPadding parameter in "px".
You shouldadd "px" in your style for subitems:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=1","itemPadding=4px","smOrientation=undefined"],
];

Notice also that you can set multiple value for itemPadding parameter,for example:

itemPadding=4px 10px 4px 10px// top right bottom left



Q: I am testing out your menu system as I try to redesign my site. It is a vertical menu with submenus.

I have hundreds of pages in my site and I'd like to be able to attach your menu system to all of them.
However, I will be making changes to the menu system on a regular basis.
I do not want to go change every program in the site each time I need to make a menu change.

I was hoping you could give me some kind of programming code that I could enter into the <body> section of my html files which would automatically read a file into my prograrm, which contained the menu code.
This way when a menu change is needed, I edit one file, all the programs read that file and display the menu.

As an example of the code I would want read into a webpage at start up:

<script type="text/javascript">  var dmWorkPath="files/";</script>
<script type="text/javascript" src="files/dmenu.js"></script>
<div id="dmlinks" style="font:bold 9px Verdana;color:#FFFFFF;text-decoration:none">
<a id="dmI0" HREF="500main.htm">Home</a>
<a id="dmI2" HREF="tixbbs.htm" TARGET="text">For Sale</a>
<a id="dmI4" href="testlink.html">Place Ad</a>
<a id="dmI5" href="testlink.html">Sources</a>

</div>
<script type="text/javascript" src="data-deluxe-menu.js"></script>


A: If you change the menu parameters only there is no need to change code on each page. You should only replace your old data file (data-deluxe-menu.js) with the new one.

If you don't want to install your menu on each page, you can try to use frames, the menu has a cross-frame mode.
Please, see more info about cross-frame mode here:
http://deluxe-menu.com/cross-frame-mode-sample.html

Also you can use a server-side script (php, asp, vb, etc.) to generate html pages from templates on your server.


Q: How do you labeling the various segments of your page to utilize the horizontal menu tabs?


A: See, for each item you should assign the ID property of the contentDIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.

<div id="contentName" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>


<br><br><br>

You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your description here!!!!!
</div>

You can paste any code within DIV's (PHP, Javascript ...)


Q: Is it possible to make the menuitems rightclickable in the latest version of javascript dhtml menu. I want to rightclick on the dropdown item and choose open in new window.

A: No, there is no such a feature in Deluxe Menu v3.2.7.

You can write your item in the following way:
 ["|<a href='http://www.domain.com'>test test test</a>",""],

But you should assign style for this link.
A.link {
...
}
A.link:hover {
...
}

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