Joomla Mouse Over Vertical Menu by Deluxe-Menu.com
Joomla Mouse Over Vertical Menu

Template:

Blue-Orange Menu Template - Horizontal Css Menu






    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Search feature - add the search area in the menu and type symbols.
    - Submenus go over all page objects
    - Top items and submenus have a shadow
    - Cross-frame support - menus work on frameset-based pages
    - Filters and Transitional effects
    - Text aligned to left
    - Horizontal or vertical orientation




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

Menu Screenshots

Joomla Mouse Over Vertical Menu Download Menu Javascript

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

Features

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
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!
Javascript Menu Submenu Joomla Mouse Over Vertical Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your joomla mouse over vertical menu menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed joomla mouse over vertical menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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: Irene, thank you. I am working on seeing what you did and trying to get it to work on my computer. I keep getting ActiveX blocking errors when open page with the drop down menu source code on my computer. Is this something I can control from within the html code? Or is this something each user is going to have to change setting(s) in their IE Internet Options?

p.s., I had the code on the page twice cuz was just trying to get something... anything.... to work. I deleted the 2nd set which was further down on the page. I'm trying to get the menus to appear in the grey band just below the blue heading section but prior to the white text description section. And, once I get the menus to work, the navigation bar on left will be deleted. Thank you so much for your patience and help!

A: You can get the following message
"To help protect your security in IE ..."
on your local machine only. You won't have such message when you openyour website via Internet.

If you don't want to see this message you should do the followingthings:

Tools/Internet Options/Advanced Options/

and set
"Allow active content from files to run on My Computer".

Close Internet Explorer and open it once again.
There will be no such message any more.



Q: How can I use Danish characters in my dhtml menu bars?

A: You should turn on "Tools/Use utf8 encode" property.
In that case your data file will be saved in UTF-8 encode. So, you
should set UTF-8 encode on your page too

<meta http-equiv="Content-Type" content="text/html"charset="UTF-8">

If you don't want to use UTF-8 encode on your page you should turn off
"Tools/Use utf8 encode" property, save your data file and manually
change your letters in any text editor.



Q: I am getting stuck with trying to set a default tab in the div tab menu to be selected when a window opens...
What I've been trying to do is changing this line here :

  var bselectedItem=0;

At 0 (default) it has the first tab selected. Any other number and notabs are selected.
Is there a setting somewhere else that I am missing?A: You can set "bselectedItem" and "  var bselectedSmItem" parameters based on your link before you call your data file.

For example, move "  var bselectedItem" and "  var bselectedSmItem" parameters from your data file to your code.

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=   var bselectedSmItem= </script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD>

You should define seltabs and selsmtabs using server side script.

You can also set it on every page before you call data.js file, for example:

<TD vAlign=top align=left>
/* Select Tab */
<script type="text/javascript" language="JavaScript1.2">
  var bselectedItem=4;
  var bselectedSmItem=3;
</script>
<SCRIPT src="data.js" type=text/javascript></SCRIPT>
</TD&tg;




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