Animated wheel navigation javascript library based on Raphaël.js (SVG/VML).
It works on all major desktop and mobile browser.
Possible uses:
- tab navigation
- pie menu (radial menu, circular menu)
- sub menu
- option button
- checkboxes
- and more...
For more insight please visit http://wheelnavjs.softwaretailoring.net
HTML
<div id="divWheelnav"></div>
JS
var myWheelnav = new wheelnav("divWheelnav");
myWheelnav.slicePathFunction = slicePath().WheelSlice;
myWheelnav.colors = colorpalette.parrot;
myWheelnav.createWheel([icon.smile, icon.star, icon.fork, icon.$]);
HTML
<div id="divWheelnav" data-wheelnav data-wheelnav-slicepath="WheelSlice" data-wheelnav-colors="#D80351,#F5D908,#00A3EE,#929292">
<div data-wheelnav-navitemicon="smile">smile</div>
<div data-wheelnav-navitemicon="star">star</div>
<div data-wheelnav-navitemicon="fork">fork</div>
<div data-wheelnav-navitemicon="$">donate</div>
</div>
JS
var myWheelnav = new wheelnav("divWheelnav");
The index.html of this repo (test page) is available here.
wheelnav.js is available over npm
$ npm install wheelnav
and bower
$ bower install wheelnav
Developer: Gábor Berkesi ([email protected])
Development environment: Visual Studio Community 2013 with Web Essentials
Licensed under MIT. Enjoy the spinning.