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 に答える