Javascript wheelnav.js反弹效果

Javascript wheelnav.js反弹效果,javascript,html,user-interface,wheelnav.js,Javascript,Html,User Interface,Wheelnav.js,使用wheelnav.js处理饼图菜单。到目前为止,一切都进展顺利,但就我个人而言,我在wheelnav.js文档中似乎找不到任何关于如何在选择菜单时抑制反弹效果的内容 有关此效果的示例,请查看,打开“旋转”开关并单击饼图菜单中的数字。选定的选项旋转到焦点(默认顶部)并反弹到停止点 我认为最初的示例会很有帮助,因为该页面上的第一个示例有一个不会弹出的饼图菜单,但它们模糊并缩小了底层示例javascript文件 如有任何关于在何处查找更广泛文档或详细示例的提示或提示,将不胜感激 更新:在使用ani

使用wheelnav.js处理饼图菜单。到目前为止,一切都进展顺利,但就我个人而言,我在wheelnav.js文档中似乎找不到任何关于如何在选择菜单时抑制反弹效果的内容

有关此效果的示例,请查看,打开“旋转”开关并单击饼图菜单中的数字。选定的选项旋转到焦点(默认顶部)并反弹到停止点

我认为最初的示例会很有帮助,因为该页面上的第一个示例有一个不会弹出的饼图菜单,但它们模糊并缩小了底层示例javascript文件

如有任何关于在何处查找更广泛文档或详细示例的提示或提示,将不胜感激


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

尝试使用以下方法:

wheel = new wheelnav('wheelDiv');
wheel.animatetime = 1000;
wheel.animateeffect = 'linear';
我相信线性设置是您正在寻找的特定属性


这可以在文档中找到

我使用了wheelnav.js,也可以联系他的作者来解决我的问题,他对我的问题给出了正确的答案,但是你找不到这个jquery的正确文档,如果需要的话,你也可以问他(给他发邮件)

您可以使用下面的代码 indexWheel.animatetime=2000;//通过此选项,您可以设置更快/更慢的速度 strong文本

window.onload=函数(){ var值=['1'、'2'、'3'、'4']; 风险值百分比=[51,11,30,8]; var工具=[“1234(40.10%)\n公司(9)”,“1234(40.10%)\n公司(9)”,“1234(40.10%)\n公司(9)”,“1234(40.10%)\n公司(9)”; var indexWheel=新车轮导航(“indexDiv”); indexWheel.animatetime=2000; indexWheel.navItemsContinuous=真; indexWheel.navAngle=0; indexWheel.wheelRadius=indexWheel.wheelRadius*0.9; indexWheel.slicePathFunction=slicePath().PieSlice; indexWheel.sliceSelectedTransformFunction=sliceTransform().MoveMiddleTransform; indexWheel.colors=colorplate.goldenyellow; indexWheel.initWheel(值); indexWheel.createWheel(值); 设置工具提示(工具); };
有关animateeffect的其他信息

有一个可用的影响。按“动画”按钮并单击“放松类型”链接


另外,我知道缺乏深入的文件,其中应包含所有财产的参考。这在我的待办事项清单上,但这是一个次要项目,请耐心等待。)谢谢你的反馈

嗯。完全没有注意到这一点。谢谢!如果能看到关于所有属性的更传统的深入文档就好了。例如,还有哪些其他效果可用于.animateeffect。我想我可以深入研究它的源代码,但这会很耗时。再次感谢!是的,我知道你的意思。虽然它可能是干的,像这样的文档帮助很大。无论如何,很容易错过,我以前不知道这个图书馆,非常酷,所以谢谢你给我展示它。很高兴能帮助我。我猜这么长时间盯着有限的文档让我把一切都弄得模糊不清了。在本例中,我注意到关于wheelnav.js文档的另一件恼人的事情是,您必须尝试每个小按钮才能看到相应的效果。这对于“推动一切,看看发生了什么”来说没关系,但对于一个只想得到一个直截了当答案的开发者来说就不行了。对不起,尤达至少领先了你25分钟(见上面的答案)。另外,我已经发现了.animatetime属性,在本例中,它并不是正确的解决方案。但知道作者通过电子邮件对问题反应非常积极,这是一个很好的信息。谢谢你!:-)不确定作者的反应。我写信给他,询问有哪些代码示例可用于创建饼菜单子菜单,但已经三天了(作者是Gábor Berkesi,:我曾给加博发过邮件。berkesi@softwaretailoring.net window.onload = function () { var values = ['1','2','3','4']; var percent = [51,11,30,8]; var tool = ["1234 (40.10%) \n Companies (9)","1234 (40.10%) \n Companies (9)","1234 (40.10%) \n Companies (9)","1234 (40.10%) \n Companies (9)"]; var indexWheel = new wheelnav("indexDiv"); indexWheel.animatetime = 2000; indexWheel.navItemsContinuous = true; indexWheel.navAngle = 0; indexWheel.wheelRadius = indexWheel.wheelRadius * 0.9; indexWheel.slicePathFunction = slicePath().PieSlice; indexWheel.sliceSelectedTransformFunction = sliceTransform().MoveMiddleTransform; indexWheel.colors = colorpalette.goldenyellow; indexWheel.initWheel(values); indexWheel.createWheel(values); indexWheel.setTooltips(tool); };