要素ごとに30pxを減らして、要素の上部の位置を変更する必要があります。
50pxを20px、100pxを70pxなどにしたいとします。
表記法を使用-=
して、属性の現在の値を減らすことができます。これを試して:
$('#foo').animate({ top: '-=30px' }, 1000);
1000
は、アニメーションが完了するまでにかかるミリ秒数であり、必要に応じて修正できることに注意してください。
$(".elementClass").animate({"top": "-=30"}, 500);
30
高さを減らすピクセル数です。500
アニメーションのミリ秒数です。
動作するデモ: http: //jsfiddle.net/JNUUs/
アニメーション化する前に500ミリ秒待機するよう
に追加しました。.delay(500)