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/

似乎工作正常。