2

使用根據用戶鼠標位置移動球的視差效果(http://webdev.stephband.info/jparallax/index.html)。我試圖找出一種球也會旋轉的方式。所以看起來,當用戶將鼠標移動到該區域上時,球會滾過屏幕。Javascript使用鼠標座標旋轉圖像

我發現了一些javascript示例,展示瞭如何在鼠標單擊時旋轉一個項目,我只是沒有足夠的js放在一起。

這裏是一個的jsfiddle顯示一個例子:

jsFiddle

回答

0

This jQuery plugin可能是有用的。

+0

的這些例子沒有在Firefox 4的工作,並在頁面充斥着腳本錯誤。 – 2011-03-28 01:45:01

+0

奇怪,我在FF4上,他們爲我工作。 – 2011-03-28 02:19:52

+0

我在FF3.6中有類似的問題。這是很好的指導,但如果我能弄清楚如何與視差的速度 – 2011-03-28 02:49:38

1

這是比回答更切線的建議,但爲了使滾球看起來逼真,確保它的旋轉速度與球的周長一致。否則,它會看起來像fakey。

enter image description here

+0

感謝您的提示jesse! – 2011-03-28 02:47:19