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 />

像上面这样的东西，也许？当然，需要一些适应，但你明白了一般的想法。