animate 运动时，须 动画1和动画2中，left加完后，才开始动画1中的width 和 height 的变化，然后是动画2的width和height的变化
<head>
<title>制作移动位置的动画</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<h3>制作移动位置的动画</h3>
<span></span>
<div id="tip"></div>
<script type="text/javascript">
$(function () {
$("span").animate({
left: "+=100px"
}, 2000, function () {
$("span").animate({
height: '+=30px',
width: '+=30px'
}, 2000, function () {
$("#tip").html("执行1完成!");
});
});
$("span").animate({
left: "+=100px"
}, 5000, function () {
$("span").animate({
height: '+=30px',
width: '+=30px'
}, 5000, function () {
$("#tip").html("执行2完成!");
});
})
});
</script>
</body>
</html>
animate 运动时，须 动画1和动画2中，left加完后，才开始动画1中的width 和 height 的变化，然后是动画2的width和height的变化，为什么不是是先执行完动画1的整个动画效果在执行动画2的left变化和width，height的变化？
