Skip to content
Simple configurable Path Menu written in Jquery and CSS3
Branch: master
Clone or download
Pull request Compare This branch is 1 commit behind Nikesh:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
css
img
js
less
README.md
cross.svg
index.html
usr.png

README.md

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!

You can’t perform that action at this time.