1

ここでは、jquery と css コードの両方で 2 つのホバー効果を作成しました。

http://jsfiddle.net/UFSvN/3/

jquery ホバーと css ホバーには違いがあります。jqueryホバーの場合、マウスをボックスの上に少しの間移動してすぐにボックスを離れると、マウスの入力とマウスの終了の両方のアニメーションが実行され、終了しますが、マウス入力後にマウスがボックスの上になかった場合・アニメエンディング…

ただし、css ホバーの場合、ボックスをホバーすると、マウス オーバー アニメーションが終了するまでマウスをボックス上に置いたままにすると、ホバー効果によってマウス リーブ アニメーションが実行されます。

cssホバーのようにjqueryホバーを作成するにはどうすればよいですか?! マウスをボックスの上にほんの少しだけ移動したときに、アニメーション全体が完全に実行されるのは望ましくありません。

4

1 に答える 1

2

.stop()現在実行中のアニメーションを停止するために使用します。

例: http://jsfiddle.net/UFSvN/4/

フィドルでは、引数として「true」を渡しました。これにより、アニメーション キューがクリアされます。jQuery のドキュメントを読んでください。アニメーションの最後にジャンプするための 2 番目の引数を渡すなど、他にも多くの優れた方法が示されています。

于 2012-08-31T06:46:39.823 に答える