jquery圖像淡入淡出 - 鼠標移過效果

Question

我試圖做到這一點圖像效果：http://coverdesign.ro/teste/lore/但有時當鼠標從一個對象移動到另一個時，它會失去懸停狀態; 我用這個js腳本：

$(function() { 

    $('div.fade').hover(function() { 
     fade = $('> div', this); 
     nume = $(this).attr('id'); 
     $("."+nume).addClass("mselect"); 
     if (fade.is(':animated')) { 
      fade.stop().fadeTo(250, 1); 
     } else { 
      fade.fadeIn(1000); 
     } 
    }, function() { 
     /* var fade = $('> div', this); 
     var nume = $(this).attr('id');*/ 
     $("."+nume).removeClass("mselect"); 
     if (fade.is(':animated')) { 
      fade.stop().fadeTo(250, 0); 
     } else { 
      fade.fadeOut(500); 
     } 
    }); 


     $('#menu a').hover(function() { 
     var nume = $(this).attr('class'); 
     var fade = $('#'+nume+' > div'); 
     //$("."+nume).addClass("mselect"); 
     if (fade.is(':animated')) { 
      fade.stop().fadeTo(250, 1); 
     } else { 
      fade.fadeIn(2000); 
     } 
    }, function() { 
     var nume = $(this).attr('class'); 
     var fade = $('#'+nume+' > div'); 
     if (fade.is(':animated')) { 
      fade.stop().fadeTo(2000, 0); 
     } else { 
      fade.fadeOut(2000); 
     } 
    }); 
}); 

實際發生的是，有時當鼠標從貓到手機上移動時，懸停沒有得到激活。如果你在頁面上玩耍，你會發現貓和手機的顏色變化，有時不會因懸停狀態丟失而發生變化。

Answer 1

我想這行代碼

$('div.fade').hover(function() { 

在識別正確的div引起問題。您可以嘗試唯一標識每個菜單項/圖像並相應地處理它。