Simple Configurable Path Menu with jQuery & CSS3 - Pie Menu

Simple Configurable Path Menu with jQuery & CSS3 - Pie Menu
File Size: 89.9 KB
Views Total: 4895
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

Pie Menu is a simple and fully customizable popup menu plugin written in jQuery and CSS3 that adds a path menu to your projects.

How to use it:

1. Include jQuery library, jQuery UI and jQuery.menu.js

<script src="js/jquery.min.js"></script>
<script src="js/jquery.menu.js"></script>
<script src="js/jquery-ui-1.8.20.custom.min.js"></script>

2. Markup

<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>

3. Call the fucntion

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

This awesome jQuery plugin is developed by Nikesh. For more Advanced Usages, please check the demo page or visit the official website.