淡出除了鼠标指向的元素之外的所有元素

Question

有点像“灯箱2”效果，但仅限于鼠标指向的元素。我甚至不知道如何开始。任何建议都会很棒，谢谢。

Answer 1

像这样：

$(function() { 
    $('*').fadeTo('fast',0.5).hover(function() { 
     $(this).fadeTo('fast',1); 
    }, function() { 
     $(this).fadeTo('fast',0.5); 
    }); 
}); 

演示：http://jsfiddle.net/Ender/vJQDx/

Answer 2

你见过expose插件吗？可能正是你正在寻找的。

Answer 3

你问我如何淡出一切除了多数民众赞成由鼠标指向的元素。在这里的其他答案显示如何褪色在悬停元素，不淡出非悬停元素...

这是一个答案，点击你的问题提出的观点。

http://jsfiddle.net/g105b/ecJw8/

$(function() { 
    $("img").mouseover(function() { 
     $("img:not(:hover)").fadeTo("fast", 0.5); 
    }); 
    $("img").mouseout(function() { 
     $("img").fadeTo("fast", 1.0); 
    }); 
});