jQueryの不透明ループ

Question

スタック内に#aと#bという2つの画像があります。 bの不透明度が1で、私の上にマウスを置くと、不透明度が0から1に、1から0にアニメーション化されます。このようにして、このループはマウスが画像から外れるまで続きます。あなたはここで似たようなことを見つけることができます： http://www.myhabit.com/#page=b&dept=women&sale=A3RT7N8JLFHTE3&ref=qd_g_cur_img_b

私はjQueryで新しく、時間から頭を叩いています。助けてください。

Answer 1

var cancel = false; 

$("#b").hover(function() { 
    var fadeDirection = 0; 

    var next = function(jqo) { 
     if(cancel) { 
      jqo.stop(true); 
      jqo.fadeIn(); // <-- not the neatest but I don't know another way to make it compatible 
      jqo.stop(false, true); 
     } 

     if(fadeDirection = 1 - fadeDirection) { 
      jqo.fadeIn(function() { next(jqo); }); 
     } else { 
      jqo.fadeOut(function() { next(jqo); }); 
     } 
    }; 

    next($(this)); 
}, function() { 
    cancel = true; 
}); 

これは何か？