1

divの「デフォルト」の状態/位置の間でアニメーション化したい。例えば:

画面の左側にある、クラスで絶対に配置されたDiv 。クラスはJSを介して削除(または置換)され、位置は相対になります。デフォルトの相対位置は、実際には画面の反対側にあります。これをアニメートしたい。

ドックのようなもの、ディスプレイのアイコンとしてのさまざまなdiv-インライン、ドックの水平方向の中央。アイコンの1つを「削除」すると、残りは少し最近のものにシフトします。ギャップを埋めるためにシフトするアニメーションを作成したいと思います。

遷移:すべてが機能しない(位置に事前定義された値がなかったためだと思います)ので、これも可能ですか?これに対するJSソリューションはありますか?

4

2 に答える 2

3

それはあなたがそれを説明したのとまったく同じように可能です。これがその方法の実例です。

http://jsfiddle.net/nDr4y/3/

cssからトランジションを削除し、jqueryを使用して純粋なJSで要素をアニメーション化することもできます。構文は次のようになります。

// in the object are the css properties you want to animate,
// the second argument is how long you want it to take in ms
$('.el').animate({ left: 100 }, 1000);
于 2012-06-20T18:14:00.370 に答える
0

宛先座標を把握し、jQueryまたは使用するフレームワークを使用して設定する必要があります。それ以外は、完全に可能です。

http://jsfiddle.net/Kd72u/

于 2012-06-20T18:15:23.910 に答える