Javascript使用鼠标坐标旋转图像

时间:2011-03-28 00:15:46

标签: javascript rotation mouse-position mouse-coordinates parallax

我使用视差效果,根据用户的鼠标位置移动球(http://webdev.stephband.info/jparallax/index.html)。我试图弄清楚球也会旋转的方式。因此,当用户将鼠标移动到该区域上时,球会在屏幕上滚动。

我找到了一些javascript示例,展示了如何在鼠标点击时旋转项目,我只是在js中没有足够的浏览来将它们放在一起。

这是一个显示示例的Jsfiddle:

jsFiddle

2 个答案:

答案 0 :(得分:1)

这是一个比答案更切向的建议,但为了使滚球看起来更逼真,请确保它以与球的圆周一致的速度旋转。否则它看起来很伪造。

enter image description here

答案 1 :(得分:0)

This jQuery plugin可能有用。