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

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); 
    }); 
});