1

私には4つのコーナーがあり、1つをクリックすると、それが属するコーナーから反対側のコーナーに向かって画面全体に拡大します。私は多くの答えを見てきましたが、ほとんどの場合、余白を変更してレイアウトを大幅に台無しにするか、左端をアニメーション化することを提案しています。

$("#topRightBG").click(function() {
    $(this).css({
        "zIndex": 20,
        "cursor": "default"
    }).stop(false, true).animate({
        "height": outUp,
        "width": outSide,
        "left": 0
    }, {
        duration: speed_out,
        easing: style_out
    });
});

唯一の問題は、ここで示すように、左への動きはアニメートせず、ジャンプするだけです。

左端を変えたい気がしますが、どうやって正しく動かすのかわかりません。誰か助けてもらえますか？

少なくともFirefoxでは動作しますが、ChromeとIEでは動作しないことに気づきました。

4

1 に答える 1

0

左への動きを個別にアニメートするだけでよいことがわかりました。

$("#topRightBG").click (function () {
    $(this).css({
        "zIndex": 20,
        "cursor": "default"
    }).stop(false, true).animate({
        "height": outUp,
        "width": outSide
    }, {
        duration: speed_out,
        easing: style_out
    }).animate({
        "left": 0
    }, {
        duration: speed_out,
        easing: style_out
    });
});
于 2013-01-01T22:21:45.970 に答える