【问题标题】:Javascript rotate image with mouse coordinatesJavascript用鼠标坐标旋转图像
【发布时间】:2011-07-24 03:10:23
【问题描述】:

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

我找到了一些 javascript 示例,这些示例展示了如何在鼠标单击时旋转项目,我只是在 js 方面不够熟练,无法将它们放在一起。

这是一个展示示例的 Jsfiddle:

jsFiddle

【问题讨论】:

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


    【解决方案1】:

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

    【讨论】:

      【解决方案2】:

      This jQuery plugin 可能有用。

      【讨论】:

      • 这些示例在 Firefox 4 中均无效,并且页面充满了脚本错误。
      • 我在FF3.6中也有类似的问题。不过,这是很好的指导,如果我能弄清楚如何将它与视差的速度对齐
      猜你喜欢
      • 1970-01-01
      • 2017-02-28
      • 1970-01-01
      • 2012-08-06
      • 1970-01-01
      • 2020-05-27
      • 2017-07-21
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多