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

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

你问过如何淡出除了鼠标指向的元素。这里的其他答案显示如何淡化 in 悬停元素，而不淡出非悬停元素......

这是一个回答你的问题的答案。

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

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