Customizable Circle Menu Plugin with jQuery
| File Size: | 9.69 KB |
|---|---|
| Views Total: | 9775 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
A Customizable jQuery Menu Plugin that emulates the menu in the Path application with a selection animation and various animation options for opening and closing the menu.
How to use:
1. Include jQuery Library and jQuery.circleMenu.js
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script src="../jQuery.circleMenu.js"></script>
2. Markup
<ul> <li><a href="#">+</a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> </ul>
3. Call the plugin
$('ul').circleMenu({
item_diameter: 40,
circle_radius: 100,
direction: 'bottom-right'
});
This awesome jQuery plugin is developed by Zikes. For more Advanced Usages, please check the demo page or visit the official website.











