1

我在图片库上做了一个很酷的淡入淡出悬停效果,以指示您悬停在哪一张上 - 但是当有超过 20 张左右的图像时,它确实会影响性能。

这是我的做法(非常基本)

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

有没有人对此有很好的优化,或者首先有更好的方法?

请不要说“只使用 CSS”,它已经作为后备存在。

4

1 回答 1

2

试试这个看看性能是否有所提高:

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

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

似乎工作正常。

于 2012-03-05T16:38:49.313 回答