Question

我想保持div活跃，即使我没有在它上面盘旋。例如，当我将鼠标放在图片上时，它会显示个人资料。当我离开时，它将保持活动状态。

以下是此效果的示例，其中显示管理配置文件：http://www.datastax.com/company#management。

所以我使用下面的Alex Morrise的例子创建了这个：http://jsfiddle.net/44jQa/49/

我希望文档加载时图像的不透明度为0.5。将鼠标悬停在不透明度上时，不透明度应更改为1。我离开时回到0.5。我有以下代码，但它似乎不起作用：

$("#.lrow > img").css("opacity", 0.5);

function showPart(id) {
    $('#content .part' + id).fadeIn('400').addClass('show');
}

$('.lrow ').hover(function () {
    var id = $(this).data('id');
    $(this).find('img').animate({
        opacity: 1.0
    }, 500);
    if ($('.show').length == 0) {
        showPart(id);
    } else {
        $('.show').removeClass('show').fadeOut('400', function () {
            showPart(id);
        });
    }
}, $(this).find('img').animate({
        opacity: 0.5
    }, 500););

Answer 1

我正在添加另一个答案，因为您的修订实际上是一个不同的问题。您的小提琴有几个问题，包括语法错误。我用你正在寻找的功能更新了它：

http://jsfiddle.net/44jQa/51/

你应该使用它而不是动画：

$(this).find('img').fadeTo(400,'.5');

另一个问题是此代码可能不兼容跨浏览器。但它应该让你知道该怎么做。

如何使用悬停启用并保持活动的div？

1 个答案: