使用wheelnav.js处理饼图菜单。到目前为止,一切进展顺利,但是对于我来说,我似乎一生都没有在wheelnav.js文档中找到有关如何在选择菜单时抑制跳动效果的地方。

有关此效果的示例,请查看http://pmg.softwaretailoring.net/,打开“旋转”开关,然后在饼图菜单中单击一个数字。选定的选项将旋转到焦点(默认顶部),然后反弹到停止位置。

我认为来自http://wheelnavjs.softwaretailoring.net/examples.html的原始示例会有所帮助,因为该页面上的第一个示例具有一个不会弹出的饼状菜单,但是它们混淆并缩小了基本示例javascript文件。

任何在哪里寻找更广泛的文档或详细示例的提示或技巧将不胜感激。

更新:在其网站代码中使用animatetime属性找到了对wheel对象的引用。将其设置为较小的数字(如200)会使车轮旋转得更快,但不会弹跳。这不是一个完美的解决方案,因为我可能希望旋转速度变慢,但是在我了解更好的方法之前就足够了。

最佳答案

尝试使用如下所示的内容:

wheel = new wheelnav('wheelDiv');
wheel.animatetime = 1000;
wheel.animateeffect = 'linear';

我相信线性设置是您要寻找的特定属性。

可以在文档的this page上找到

08-19 08:55