JavaScript.CoolDev.Com is home of the best JavaScript drop down menu, JavaScript tree and outlook bar
JavaScript.CoolDev.Com is home of the best JavaScript drop down menu, JavaScript tree and outlook bar
JavaScript.CoolDev.Com is home of the best JavaScript drop down menu, JavaScript tree and outlook bar
COOLjsMenu Samples

Standard:

item sizing
item positioning
border & pseudo-shadow
multiple levels
styles & colors
multiple instances
tips and status bar
IE filters
IE transitions

Professional:

popups
cross-frame
relative positioning
icons
arrows
advanced borders
z-index

Graphically Rich:

Demo 1
Demo 2
Demo 3
Demo 4
Demo 5
Demo 6
Demo 7
Demo 8
Demo 9

COOLjsMenu - JavaScript menu: order now!

Rate It!

If you like COOLjsMenu
vote for it!

ScriptSearch.com

HotScripts.com

Popup menus

COOLjsMenu Professional provides support for special kind of menu - popup. This menu most of the time is invisible, but when user clicks somewhere, menu shows up.

To describe such a menu, you have to use two new fields in menu description:

var VERTICAL_MENU_ITEMS = [
        {popup:1, popupoff:[0,0], ...

"popup" denotes that this particular menu will behave like popup, and "popupoff" is default offset from mouse cursor for those menus which will appear when mouse event - click or rollover - occur.

Then you have to create the menu:

<script type="text/javascript">
var menu = new COOLjsMenuPRO("test", VERTICAL_MENU_ITEMS);
menu.init();
</script>

And finally you have to choose some way to activate menu. Generally, menu must be binded to some event. In the following three samples "onmouseover" event is used:

Popup in mouse position

<a href="#" onmouseover="CMenuPopUp('test', event)">Popup in mouse position</a>

Popup in mouse position with offset

<a href="#" onmouseover="CMenuPopUp('test', event)">Popup in mouse position</a>

Popup in particular position (250,550)

<p><a href="#" onmouseover="CMenuPopUpXY('test', 250, 550)">Popup in particular position (250,550)</a></p>

Also you can bind popup to right mouse button (and, also, to "Context Menu" keyboard button):

<body oncontextmenu="CMenuPopUp('test', event);return false;">

Press right mouse button anywhere on this page to see popup.