0

私は現在、最初のWebサイトをアニメーション化しています。ここにあります：http：//jsfiddle.net/thevenin/zRLFX/4/

概要：再帰的にアニメーション化される5つのdivがあり、アニメーションを開始するための$ .each（）関数があります。5つのdivのいずれかにカーソルを合わせると、アニメーションが中断し、すべてのdivの移動が停止するはずです。divのホバーを解除すると、$。each（）関数でアニメーションが再開します。

私の問題は、divが内部円の対角軸に達したときにhover（）関数が起動しない場合があることです。この位置でdivの上にマウスを置くと、マウスは登録されずにdivの上にカーソルを合わせます。FirefoxとChromeの両方にこの問題があります。どうすればこれを修正できますか？

ありがとう！

4

2 に答える 2

2

ホバリングでは、ホバリングされたオブジェクトの上にマウスを実際に移動する必要があります。オブジェクトはアニメーション化されているため、マウスをオブジェクトのパスに静止させたままにしておくと、ホバーはトリガーされません。

これは、マウスを円に向かって動かした場合にも発生すると思われますが、マウスが円に達する直前にマウスを停止すると、円はその下でアニメーション化し、ホバーはトリガーされません。

この動作を回避するには、代わりにマウス座標をポーリングして、それらが常に円の範囲内にあるかどうかを確認することができます。

于 2012-08-08T19:58:11.053 に答える