jquery - jQuery - 悬停时缩放 DIV（及其内容），并设置其他 DIV 的不透明度

Question

我有 4 个具有相同类的 DIV，“.category-container”，基本上我需要做的是缩放整个 DIV 及其悬停时其中的所有内容，所以说 120%。当其中一个悬停在缩放效果上时，其他 3 个需要淡出到 50% 的不透明度。

我知道如何进行缩放部分，但是当其中一个在悬停时缩放时，我有点坚持让其他 3 个 div 发生淡出。

希望这是有道理的 - 任何人都可以帮忙吗？

扎克

Answer 1

$('.category-container').bind('mouseover',function() {
    $(this).addClass('hover');
    $('.category-container').not('.hover').fadeTo('normal',0.2);
});
$('.category-container').bind('mouseout',function() {
    $('.category-container').removeClass('hover').fadeTo('normal',1);
});

http://jsfiddle.net/8fvJN/给你