2012-08-10 62 views
0

我想构建一个轮盘被鼠标控制,我没有使用canvas或svg,但只有CSS3旋转和一些jQuery。使用jQuery和CSS3旋转构建轮盘赌

我想要实现的是,当鼠标在轮盘上,并且他被点击并按住时,我希望用户能够在上下移动鼠标时旋转轮子。 我使用event.offsetY来获取鼠标的位置,并根据这个位置我正在轮转或与时钟移动轮盘。

问题是我认为鼠标偏移位置是根据轮子的旋转而改变的,是他们保持鼠标偏移位置与文档“真实”的一种方式吗?

- 或 -

有人知道一个更好的主意来实现这一目标?

请在这里看到的代码:http://jsfiddle.net/MZxgp/(上镀铬的作品只)

非常感谢!

回答

2

我用一个叠加的div不动捕获鼠标事件(见jsFiddle

我希望这有助于

+0

的最佳解决方案!谢谢 – udidu 2012-08-10 14:18:08