3

http://jsfiddle.net/ZtpEU/41/ ここにjqueryの簡単なアニメーションがあります。mouseenterが発生したときにのみアニメーションが実行されるようにしようとしています。さらに、必死にマウスを入力して終了すると、要素のアニメーションが記憶され、これにより基本的に必死にアニメーション化されることに気付くでしょう。

マウスをその特定の要素の上に置いている間だけ実行されるこのアニメーションを探しています。移動すると、アニメーションがリセットされ、次のホバーされた要素がアニメーション化されます。

申し訳ありませんが、これは言葉で表現するのが本当に難しいです。私は答えに非常に注意を払います。最後に、私はこのcss遷移効果をもっと探しています（これはグーグルクロームでのみ発生するか、このようにします）

4

1 に答える 1

8

stop()次の方法を使用できます。

$("li").on('mouseenter',function(){
  $(this).animate({"padding-left": "50px"}, "normal");
});
$("li").on('mouseleave',function(){
  $(this).stop(true).animate({"padding-left": "0px"}, "slow");
});

http://jsfiddle.net/ZtpEU/43/

于 2012-05-11T20:15:11.477 に答える