jQuery fadeTo（）在很多元素上的表现

Question

我在一个图像库中做了一个很酷的褪色悬停效果，以指示你正在悬停的是哪一个 - 但是当有超过20个左右的图像时，它确实会杀死性能。

以下是我的表现（非常基本）

$('img').on('hover', function(){
    $(this).stop().fadeTo(100,1);
    $('img').not($(this)).stop().fadeTo(100,.5);
});

有没有人为此做过一些优化，或者首先做一些更好的方法？

请不要说'只是使用CSS'，那已经存在作为后备。

Answer 1

试一试，看看性能是否有所改善：

$('img').on('mouseenter', function(){     
    $(this).fadeTo(100, 0.5);
}).on('mouseleave', function(){     
    $(this).stop(true).fadeTo(100, 1);
});

jsFiddle这里：http://jsfiddle.net/26w5q/

似乎工作正常。