Question

当我在公司名称上使用多个悬停时，fadein和fadeout重复...我怎样才能防止重复......提前感谢....

演示链接：http://fiddle.jshell.net/nikhilvkd/77WPz/

$(function(){
            $(".aa").hover(function(){
              $(this).find(".aa-over").fadeIn();
            }
            ,function(){
              $(this).find(".aa-over").fadeOut();
            });        
        });
        $(document).bind('mousemove', function(e){
            $('.aa-over').css({
               left:  e.pageX + 20,
               top:   e.pageY
            });
        });

Answer 1

尝试使用.stop(true)

在开始新动画队列之前清除动画队列

$(function () {
    $(".aa").hover(function () {
        $(this).find(".aa-over").stop(true).fadeIn();
    }, function () {
        $(this).find(".aa-over").stop(true).fadeOut();
    });
});
$(document).bind('mousemove', function (e) {
    $('.aa-over').css({
        left: e.pageX + 20,
        top: e.pageY
    });
});

如何阻止fadein和fadeout重复多次徘徊？

1 个答案:

DEMO