Available options:

options which affect the menu: options which affect the menuItems: options which are only used, when building a menu from HTML markup:

Example one:

JavaScript code:
	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif', onClick: function(e, menuItem){
		alert('you clicked item "' + $(this).text() + '"');
	}};
	$('#menuone').menu(options);
	
HTML markup:
	<!-- note: the plugin doesn't need the classes, they're only used for styling! -->
	<ul id="menuone" class="menu">
		<li class="menumain">File
			<ul><li>New window</li>
				<li></li> <!-- separator -->
				<li>Save...</li>
				<li>Print...</li>
				<li></li> <!-- separator -->
				<li>Exit</li>
			</ul>
		</li>
		<li class="menumain">Edit
			<ul><li>Undo</li>
				<li>Redo</li>
				<li></li> <!-- separator -->
				<li>Cut</li>
				<li>Copy</li>
				<li>Paste<ul><li>All</li><li>Something</li></ul></li>
				<li>Delete</li>
			</ul>
		</li>
		<!-- ...and even more... -->
	</ul>
	
Result:

..some content..

..some content..

..some content..

Example two:

JavaScript code:
	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif'};
	var items = [	{src: 'test', url:'http://www.jquery.com'}, 
					{src: ''}, /* separator */
					{src: 'test2', subMenu: [	{src: 'sub 1'},
												{src: 'sub 2', url: 'http://p.sohei.org', target: '_blank'},
												{src: 'sub 3'}]}];
	$('#menutwo').menu(options, items);
	
HTML markup:
	<p><span id="menutwo">Menu Button</span></p>
	
Result:

..some content..

Menu Button

..some content..

Example three:

JavaScript code:
	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif'};
	$('#menuthree').menu(options);
	
HTML markup:
	<div id="menuthree">Menu Button
		<ul>
			<li><a href="http://www.jquery.com">test</a></li>
			<li></li> <!-- separator -->
			<li>test2
				<ul>
					<li>sub 1</li>
					<li><a href="http://p.sohei.org" target="_blank">sub 2</a></li>
					<li>sub 3</li>
				</ul>
			</li>
		</ul>
	</div>
	
Result:

..some content..

..some content..

Example four:

JavaScript code:
	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif'};

	//creating a menu without items
	var menu = new $.Menu('#menufour', null, options);

	//adding items to the menu
	menu.addItems([
		new $.MenuItem({src: 'test', url:'http://www.jquery.com'}, options),
		new $.MenuItem({src: ''}) /* separator */
	]);
	var itemWithSubmenu = new $.MenuItem({src: 'test2'}, options);

	//creating a menu with items (as child of itemWithSubmenu)
	new $.Menu(itemWithSubmenu, [
		new $.MenuItem({src: 'sub 1'}, options),
		new $.MenuItem({src: 'sub 2', url: 'http://p.sohei.org', target: '_blank'}, options),
		new $.MenuItem({src: 'sub 3'}, options)
	], options);

	//adding the submenu to the main menu
	menu.addItem(itemWithSubmenu);
	
HTML markup:
	<p><span id="menufour">Menu Button</span></p>
	
Result:

..some content..

Menu Button

..some content..

Example five:

JavaScript code:
	var options = {minWidth: 120, arrowSrc: 'arrow_right.gif', copyClassAttr: true};
	$('#menufive>img').menu(options, '#menufivelist');
	
HTML markup:
	<p id="menufive">Menu Button <img src="arrowdown.png" /> - Menu Button <img src="arrowdown.png" /> - Menu Button <img src="arrowdown.png" /></p>
	
	<ul id="menufivelist" style="display:none;">
		<li>one</li>
		<li class="red">two</li>
		<li class="blue">three</li>
		<li>four
			<ul>
				<li>four.1
					<ul>
						<li>four.1.1</li>
						<li>four.1.2</li>
						<li>four.1.3</li>
					</ul>
				</li>
				<li>four.2</li>
				<li>four.3</li>
			</ul>
		</li>
	</ul>
	
Result:

..some content..

..some content..