如何使用jQuery动画圆形以垂直移动

Question

我想在按钮点击上为对象设置动画。我怎么能在jQuery中做到这一点？

Answer 1

我会选择动画功能并将 top 样式设置为某些内容。不要忘记将位置设置为绝对。

修改

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

或许像上面这样的东西？当然需要一些改编，但你会得到一般的想法。

Answer 2

使用arc函数创建一个圆形对象，并将click事件添加到按钮对象。

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