JQueryでアニメーション効果を使用してdivを移動してサイズを変更するにはどうすればよいですか?
つまり、div は画面の中央にあり、左側に移動し、移動が完了すると高さの %50、幅の %50 になります。途中まで）
編集：私はそれを試しました：
$(".block").animate({"left": "-=100px", "height": "-=30%", "width":"-=30%" }, 1000);
しかし、それは消えますか？
EDIT2: これは機能します:
$(".block").animate({"left": "-=100px", "height": "30%", "width":"30%" }, 1000);
しかし、それは私の正方形をより大きくします。=-30% を試してみましたが、うまくいきません。大きくなるのではなく、小さくなるにはどうすればいいですか？
最後の行で高さと幅の css プロパティを 30% に設定しているようです。以前のサイズの 30% であると予想されますが、実際にはブロックの最も近いサイズの親の 30% であり、以前のサイズよりも大きいようです。
以前のサイズの特定のパーセンテージにサイズを変更する簡単な方法はないと思います（アニメーションの特別な構文など）。古い幅から新しい幅を計算する JavaScript 関数をコーディングする必要があると思います。
1 つの要素のみをサイズ変更する場合は、クラスではなく要素 ID を使用することを強くお勧めします。次に、次の行はあなたが望むことをするはずです:
$("#block").animate({"left": "-=100px", "height": $("#block").height()*0.5, "width":$("#block").width()*0.5 }, 1000);
jQueryのアニメーション機能を利用できます。このリンクを確認できます：
http://api.jquery.com/animate/
上記のリンクの例では、必要なすべてのものを示しています (アニメーションで幅を変更するなど)。例を確認してください。