-2

即使我没有将鼠标悬停在它上面，我也想保持 div 处于活动状态。例如，当我将鼠标放在图片上时，它会显示个人资料。当我将鼠标移开时，它将保持活动状态。

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

所以我用亚历克斯莫里斯的例子来创建这个：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););
4

1 回答 1

0

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

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

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

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

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

于 2013-06-12T16:45:03.260 回答