jq 自定义动画案例

<input type="button" value="开始"/>
<input type="button" value="结束"/>
<div id="btn"></div>
<script src="jquery-1.12.4.js"></script>
<script>
    $(function () {
       $("input").eq(0).click(function () {
           /*
           * 第1个参数：对象，里面可以传需要动画的样式
           * 第2个参数：动画的执行时间
           * 第3个参数：动画的执行效果，默认swing,慢-快-慢
           * 第4个参数：回调函数
           *
           * */
          $("#btn").animate({left: 800}, 1000, "swing", function () {
              console.log("哈哈哈");
          });
       });
    });
</script>