Animated wheel navigation JavaScript library based on modified Raphaël.js (SVG/VML).
It works on all major desktop and mobile browser.
Possible uses:
For more insight please visit https://wheelnavjs.softwaretailoring.net
Demos are available on CodePen
You can find answers on StackOverflow and GitHub issues
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
or CDN by jsDelivr
<script src="https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/raphael.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/wheelnav@1.7.1/js/dist/wheelnav.min.js"></script>
Developer: Gábor Berkesi (gabor.berkesi@softwaretailoring.net)
Development environment: Visual Studio Community 2019
Licensed under MIT. Enjoy the spinning.
Buy me a beer - if you want to keep in spinning. Thanks a lot!
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。