2

id="img1" から id="img13" までの 13 個の兄弟画像を持つカード ゲームがあります。（画像ソースのみ異なります。

画像は位置: 絶対的で、並べて表示され、水平方向にわずかに重なっています。

13枚のカード:

ユーザーがカードをクリックすると、上記のようにカードが大きくなり、上に移動します。

ここで私の質問は次のとおりです。左に 1 枚、右に 1 枚のカードを選択して中間サイズに成長させ、波の効果を作成する最良の方法は何ですか?

警告: 左端の cad を選択すると、左にカードがなく、右端のカードも同じです: 右にカードがありません。

4

1 に答える 1

3

imgすべての要素が兄弟であると仮定すると、next()and を使用しprev()て前/次の兄弟要素を取得できます。このようなもの：

$('.img').click(function() {
    $('.img').removeClass('current sibling');
    $(this).addClass('current').prev().addClass('sibling');
    $(this).next().addClass('sibling');
});

フィドルの例

于 2013-02-09T13:09:15.920 に答える