图像圈并根据鼠标滚轮旋转它们 - Javascript

Question

我想构建一个功能，让用户使用鼠标旋转圆轮并选择图像。我怎样才能建立这样的东西？有没有可用的插件？

Please see design image here

Answer 1

这可以通过以下方式实现 1）创建一个父div并添加更大的圆作为背景 2）添加小圆作为子元素并按顺序排列圆，您需要应用旋转和翻译CSS属性。 仅为此目的 link

3）然后将事件鼠标悬停，鼠标按下并将鼠标向上事件添加到Parent DIV。在鼠标按下时应用旋转并翻译CSS属性。对于此参考 link请注意，由于代码具有触摸事件，您将无法在桌面浏览器上测试给定链接，< strong>需要将触摸事件转换为鼠标事件以实现相同的目标，但此代码可以在iphone上进行测试。