javascript - 使用 jQuery 和 CSS3 旋转构建轮盘赌

标签 javascript jquery css

我正在尝试构建一个由鼠标控制的轮盘赌,我没有使用 Canvas 或 svg,而是仅使用 CSS3 旋转和一些 jQuery。

我想实现的是当鼠标在轮盘上点击并按住时,我希望用户在上下移动鼠标时能够转动轮盘。 我正在使用 event.offsetY 获取鼠标的位置,并根据这个位置我正在与时钟同步或逆时针移动轮盘赌。

问题是我认为鼠标偏移位置会随着滚轮的旋转而变化,这是一种让鼠标偏移位置在文档中保持“真实”的方法吗?

-或者-

有人知道实现该目标的更好主意吗?

请在此处查看代码:http://jsfiddle.net/MZxgp/ (仅适用于 chrome)

非常感谢!

最佳答案

我使用了一个不会移动的覆盖 div 来捕获鼠标事件(参见 jsFiddle)

希望对你有帮助

关于javascript - 使用 jQuery 和 CSS3 旋转构建轮盘赌,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11902295/

相关文章:

javascript - 提交时路由到另一个页面

javascript - jQuery 滚动条与点击计数器脚本冲突(document.write)

jquery - 在选择选项时选择重定向到 html 页面

javascript - 引用错误 : transitioning is not defined in rails3

css - Google 邮件和 html 消息中的 moz-box-shadow

javascript - 从数组中删除索引数组

c# - Bing Maps Ajax API v7 地理定位回调

javascript - 忽略 XML 文件中的空 nodeValue

css - @font-face 即问题

css - Jquery Mobile 和 Jquery UI CSS 问题