このクラスを使用して画面の左上隅に配置された 2 つのボックスがあるとします。
.position1 {
position: fixed;
top: 100px;
left: 100px;
}
もう 1 つは、このクラスを使用して右下に配置されます。
.position2 {
position: fixed;
bottom: 100px;
right: 100px;
}
jQueryなどを使用して、次のことを行う簡単な方法はありますか?
- 左上のボックスを右下のボックスの位置にスライド (アニメーション化) します
- 右下のボックスを左上のボックスの位置にスライド (アニメーション化) します。
簡単な操作でアニメーションを使用せずにこれを簡単に実現できます...しかし、側面.addClass()を.removeClass()瞬時に交換するのではなく、アニメーション自体がボックスを互いに「場所を切り替える」ように模倣する必要があります。
jQuery animate 機能を見てきましたが、間違っていない限り、animate 関数のオプションとして事前定義されたクラスを適用 (および事前定義されたクラスを削除) できるようには見えません。