jquery - マウスオーバー後、フェードインし続ける

Question

私はフェードインしようとしています

マウスオーバーで、マウスアウトでフェードアウト:

  $("p.follow").mouseover(function(){
        $(this).fadeTo("slow", 1.00);
})
$("p.follow").mouseout(function(){
        $(this).fadeTo("fast", 0.50);
})

ryancoughlin.com にアクセスし、右側に移動すると、私の言いたいことがわかると思います。

何か案は？

Answer 1

これを試して：

$("p.follow").hover(function()
   {
      $(this).stop().fadeTo("slow", 1.00);
   },
   function()
   {
      $(this).stop().fadeTo("fast", 0.50);
   });

主な違いが 2 つありますhover。jQuery イベントを使用して mouseover および mouseout イベント ハンドラーを関連付け、子要素が混乱を招く動作にならないようにします。stop()関数を使用して、アニメーションが重なり合ったり、互いにキャンセルされたりするのを防ぎます。

Answer 2

hoverintentプラグインを見る価値があるかもしれません。これは基本的に少しの setTimeout を使用するため、代わりにユーザーが要素上でマウスをすばやく動かしてもアクティブになりません。自分でコーディングするのは簡単ですが、一見の価値があります。

Answer 3

マウスが要素の上を移動するたびに、mouseover イベントが発生します。エフェクトは順番に実行され、マウスオーバーはかなり頻繁に発生するため、多くのエフェクトを「ゆっくり」実行する必要があります。

おそらく必要なのは、エントリごとに 1 回だけ実行される hover-event です。