使用wheelnav.js 处理饼图菜单。到目前为止,一切都很顺利,但在我的一生中,我似乎没有在wheelnav.js文档中找到任何关于如何在做出菜单选择时抑制弹跳效果的信息。
有关此效果的示例,请查看 http://pmg.softwaretailoring.net/ ,打开“旋转”开关并单击饼图菜单中的数字。所选选项旋转到焦点(默认顶部)并弹起停止。
原始示例来自http://wheelnavjs.softwaretailoring.net/examples.html我认为这会很有帮助,因为该页面上的第一个示例有一个不会弹跳的饼图菜单,但它们混淆并缩小了底层示例 javascript 文件。
任何关于在哪里寻找更广泛的文档或详细示例的提示或技巧将不胜感激。
更新:在其网站代码中发现了对使用 animatetime
属性的轮子对象的引用。将其设置为较低的数字(例如 200)会导致轮子旋转得更快,但不会弹跳。这不是一个完美的解决方案,因为我可能希望旋转速度慢一些,但在我了解更好的方法之前就足够了。
最佳答案
尝试使用这样的东西:
wheel = new wheelnav('wheelDiv');
wheel.animatetime = 1000;
wheel.animateeffect = 'linear';
我相信线性设置是您正在寻找的特定属性。
这可以在 this page 上找到文档的内容
关于javascript - wheelnav.js 弹跳效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36597574/