This page shows an example of a context menu. To see it, right-click (or control-click on Mac) anywhere on this page!

WARNING: Up until version 8, the Opera web browser does not support right-click/control-click context menus. Note that version 8 does.

WARNING: It seems that Safari and Opera/Mac do not support right-click/control-click context menus. Somebody prove me wrong.

To create a context menu, simply set the "expand_menu" attribute for the base menu to something like:

// Begin base menu
var menu = {
	'position':'absolute',
	'top':0,
	'left':0,
	'width':500,
	'height':30,
	'expand_menu':'context(left-click,document)',

	// The rest of the menu...
};

The first "argument" to the context function is how the menu should expanC: "left-click", "context", or "rollover". The second is the object to be bound to the menu: either "document" or an element ID. For example, if you set expand_menu to "context(rollover,myImage)" then the menu would expand when you rolled over the myImage object.

Menus are always placed on the cursor with context menus.
Roll over this image: View CSS file - View JavaScript file. Examples: Last - Next