jQuery动画之自定义动画

语法

>$(selector).animate({params}, speed, callback);

参数：

<li>params: 必选，要执行动画的CSS属性。</li>
<li>speed: 可选，执行动画时长。</li>
<li>callback: 可选，动画执行完成后，立即执行的回调函数。</li>

作用：

执行一组CSS属性的自定义动画

示例代码：

```html

jQuery动画之自定义动画

div{
position: absolute;
left: 20px;
top: 30px;
width: 100px;
height: 100px;
background-color: green;
}

$(function(){
$("button").click(function(){
var json = {
"width": 500,
"height": 500,
"left": 300,
"top": 300,
"border-radius": 100};
var json2 = {
"width": 100,
"height": 100,
"left": 100,
"top": 100,
"border-radius": 100,
"background-color": "red"
};

            $("div").animate(json, 1000, function(){
                $("div").animate(json2, 1000, function(){
                    alert("动画执行完毕！");
                });
            });

        });
    })
</script>

自定义动画

```