懸停效果修復

Question

我在我的投資組合網站中使用懸停效果，當您在兩個方框之間來回移動時，這會起作用。任何想法如何解決它？

my site

<script> 
    jQuery(document).ready(function(e) { 
     jQuery(".website a").hover(function() { 
      jQuery(".website a").not(this).animate({ opacity: 0.4}); 
     }, function() { 
      jQuery(".website a").animate({opacity: 1}); 
     }); 

    }); 

</script> 

Answer 1

貌似運用jQuery的.stop()方法的伎倆。在調用animate方法之前進行stop(true, true)方法調用。所以當前正在運行的動畫在新的動畫製作之前停止。

jQuery(document).ready(function (e) { 
    jQuery(".website a").hover(function() { 
     jQuery(".website a").not(this).stop(true, true).animate({ 
      opacity: 0.4 
     }); 
    }, function() { 
     jQuery(".website a").stop(true, true).animate({ 
      opacity: 1 
     }); 
    }); 

}); 

在stop(true, true)方法調用第一true參數是布爾值，指示是否要刪除排隊動畫以及。第二個參數是布爾值，指示是否立即完成當前動畫。兩者都默認爲false。

Fiddle