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的问题。您可以尝试唯一标识每个菜单项/图像并相应地处理它。

Jquery图像淡入淡出 - 失去鼠标效果

1 个答案: