wheelnav.js的弹跳效果

wheelnav.js bouncing effect

本文关键字：js wheelnav      更新时间：2024-06-11

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

有关这种效果的示例，请查看http://pmg.softwaretailoring.net/，打开"旋转"开关，然后单击饼图菜单中的数字。选定的选项会旋转到焦点（默认顶部）并反弹到停止点。

中的原始示例http://wheelnavjs.softwaretailoring.net/examples.html我认为这会很有帮助，因为该页面上的第一个示例有一个不会弹出的饼图菜单，但他们混淆并缩小了底层示例javascript文件。

任何关于在哪里查找更广泛的文档或详细示例的提示或提示都将不胜感激。

UPDATE：在他们的网站代码中发现了一个使用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']；var百分比=[51,11,30,8]；var tool=["1234（40.10%）''n公司（9）"，"1234（4010%）''n公司；var indexWheel=新车轮导航（"indexDiv"）；indexWheel.animatetime=2000；indexWheel.navItemsContinuous=true；indexWheel.navAngle=0；indexWheel.wheelRadius=indexWheel.weelRadius*0.9；indexWheel.slicePathFunction=slicePath（）。PieSlice；indexWheel.sliceSelectedTransformFunction=sliceTransform（）。MoveMiddleTransform；indexWheel.colors=colorpalette.goldenyellow；indexWheel.initWheel（值）；indexWheel.createWheel（值）；indexWheel.setTooltips（工具）；}；

动画效果的其他信息。

此页面上有可用效果的链接。按下"动画"按钮，然后点击"放松类型"链接。

p。S.我知道缺乏深入的文件，应该包含所有属性的参考。它在我的待办事项清单上，但这是一个次要项目，请耐心等待。）感谢您的反馈

相关文章：