11.jQuery之自定义动画

注意：animate里面是一个对象，他有几个参数，详情可以参考官网

     <style>
         div {
             position: absolute;
             width: 200px;
             height: 200px;
             background-color: pink;
         }
     </style>
     <button>动起来</button>
     <div></div>
     <script>
         $(function () {
             $("button").click(function () {
                 $("div").animate({
                     left: 500,
                     top: 300,
                     opacity: .4,
                     width: 500
                 }, 500);
             })
         })
     </script>