javascript - wheelnav.js 弹跳效果

标签 javascript html user-interface wheelnav.js

使用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/

相关文章:

javascript - 在按钮按下时动态添加表单元素,这些元素在页面重新加载后保留

Matlab2011a 和 64 位 Win7 中的 Java GUI

javascript - 手机自动高度虚拟列表显示大列表

javascript - onclick ="confirm()"取消按钮不工作

javascript - 对不同的 HTML 文档元素使用具有相同规则名称的不同 CSS 表

html - 隔行 | Haml 表的第 N 列

c++ - 使用主机操作系统风格的跨平台图形用户界面库

jQuery 可删除 : dropping outside div?

javascript - Ajax/php获取最新数据通知

javascript - 使用 setTimeout 模拟并行操作有什么本质上的错误吗?