0

カスタムの水平アコーディオンスタイルのショーケースを作成しようとしています。実際の機能に関しては、私はフレームワークを持っています（これはここで見ることができます）：

http://www.jsfiddle.net/adrianjacob/UdUus/

ただし、私の主なバグベア（およびクライアント）は、最後のliの右側を見ると、幅が上下にアニメーション化されるため、常にわずかな動き/ちらつきがあることです。

理想的には、他のものがサイズ変更されるときに、最後のアイテムで危険な動きがなく、スムーズに表示されるようにします。どうすればこれを達成できるか考えていますか？

A。

4

1 に答える 1

0

別の方法で試しました：http ：//www.jsfiddle.net/elektronikLexikon/4mBYE/

sの.promo幅は常に200pxで、次のスクリプトを使用して左または右に移動します。

$("#promo div").mouseenter(function() {
    i = parseInt($("#promo div").index(this));
    $(this).animate({
        left: i*50
    }, 500).nextAll().each(function(j) {
        $(this).animate({
            left: (i+j)*50+200
        }, 500);
    });
});

（jsFiddleでは、hoverIntentも使用します）

于 2010-12-16T17:58:14.147 に答える