jQuery中在两个拥有相同mouseover的元素之间移动的问题

Question

$('#d11,#d12').on('mouseover',function(){                 $('#d2').animate({opacity:'100'});             });如代码所示，在d11,d12之间移动，animate会执行照成物体一闪一闪的，怎么解决。详细代码如下：

Answer 1

// 先终断之前的动画

$(document).ready(function(){

    $('#d11,#d12').on('mouseover',function(){

        $('#d2').stop(true).animate({opacity:'100'});

    });

    $('#d11,#d12').on('mouseout',function(){

        $('#d2').stop(true).animate({opacity:'0'});

    });

});