/Pie-Menu

Simple configurable Path Menu written in Jquery and CSS3

Primary LanguageJavaScript

Simple configurable Pie Menu

Use this Pie Menu in your projects, it's simple and fully customizable!

Usage

Just link query.menu.js on your html document and Use html structure like bellow:

  <div id='outer_container' class="outer_container" >
		<a class="menu_button" href="#" title="Toggle"><span>Menu Toggle</span></a>
		<ul class="menu_option">
		  <li><a href="#"><span>Item</span></a></li>
		  <li><a href="#"><span>Item</span></a></li>
		  <li><a href="#"><span>Item</span></a></li>
		  <li><a href="#"><span>Item</span></a></li>
		  <li><a href="#"><span>Item</span></a></li>
		</ul>
	</div>

JavaScript

	$('#outer_container').PieMenu({
		'starting_angel':0(Starting Angle in degree),
		'angel_difference' : 90(Displacement angle in degree),
		'radius':100 (circle radius in px),
	});	

Live demo!