jquery - jQueryを使用して垂直方向に移動する円をアニメーション化する方法

Question

ボタンのクリックでオブジェクトをアニメーション化したい。jQueryでこれを行うにはどうすればよいですか?

Answer 1

円弧関数を使用して円オブジェクトを作成し、ボタンオブジェクトにクリックイベントを追加します。

$("#buttonId").click(function() {
     $("#circleId").animate({top: "-=30px",width:"100%"},2500,"slow");
});

Answer 2

私はアニメーション機能に行き、トップスタイルを何かに設定します。positionをabsoluteに設定することを忘れないでください。

編集

<script>
  $("#clickaroo").click(
    function() {
      $("#movaroo").animate(
        { top: "+=100px", width:"100%" }, 1000);
    }
  );
</script>
<button id="clickaroo"></button>
<img id="movaroo" src="../Images/circle.gif />

上記のようなものでしょうか。もちろん、ある程度の適応が必要ですが、一般的な考え方は理解できます。