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

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/