繁体 English 中英

使用jQuery和CSS3轮换构建轮盘赌

[英]Build roulette using jQuery and CSS3 rotation

原文 2012-08-10 13:06:55 4 1 javascript/ jquery/ css3

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

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

问题是我认为鼠标偏移位置是根据轮子的旋转而改变的，是他们用文件保持鼠标偏移位置“真实”的方法吗？

-要么-

有人知道更好的想法来实现这一目标吗？

请在此处查看代码： http ： //jsfiddle.net/MZxgp/ （仅适用于chrome）

非常感谢！

我使用了一个不会移动来捕捉鼠标事件的叠加div（参见jsFiddle ）

我希望这有帮助

jQuery和CSS3旋转

[英]Jquery and CSS3 Rotation

[英]jQuery on click css3 rotation

[英]'toggel' rotation of element back and forth using css3/jquery

[英]Continuous rotation animation using css3 or js?

[英]Banner rotation in JavaScript with animation using CSS3

[英]CSS3 Matrix rotation

[英]Detecting if a CSS3 property is doable using Jquery?

[英]Animate elements sequentially using CSS3 and jQuery

[英]jQuery: Animate using CSS3 instead of JavaScript

[英]Using css3 transitions instead of jQuery animate

暂无

声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

相关问题 jQuery和CSS3旋转 jQuery点击css3轮换使用css3 / jquery来回旋转元素的“ toggel” 使用CSS3或JS的连续旋转动画？使用CSS3的带动画的JavaScript中的横幅旋转 CSS3矩阵旋转使用Jquery检测CSS3属性是否可行？使用CSS3和jQuery依次对元素进行动画处理 jQuery：使用CSS3而不是JavaScript进行动画处理使用css3过渡而不是jQuery动画

相关标签