Javascript使用鼠标坐标旋转图像

Javascript使用鼠标坐标旋转图像,javascript,rotation,mouse-position,mouse-coordinates,parallax,Javascript,Rotation,Mouse Position,Mouse Coordinates,Parallax,Im使用视差效果,根据用户鼠标位置移动球(http://webdev.stephband.info/jparallax/index.html). 我试图找出一种方式,球也会旋转。因此,当用户将鼠标移到该区域上时,球会在屏幕上滚动 我发现了一些javascript示例,展示了如何在鼠标点击时旋转一个项目,但我在js方面还不够熟练,无法将其全部放在一起 下面是一个JSFIDLE示例: 可能有用。这是一个更切题的建议,而不是答案,但为了使滚动球看起来逼真,请确保其旋转速度与球的周长一致。否则它看起来会

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

我发现了一些javascript示例,展示了如何在鼠标点击时旋转一个项目,但我在js方面还不够熟练,无法将其全部放在一起

下面是一个JSFIDLE示例:


可能有用。

这是一个更切题的建议,而不是答案,但为了使滚动球看起来逼真,请确保其旋转速度与球的周长一致。否则它看起来会很假


这些示例在Firefox4中都不起作用,而且页面上充满了脚本错误。我在FF3.6中也遇到了类似的问题。不过,这是一个很好的指导,若我能找出如何把它和视差的速度对齐的话