.stop(true,true)停止所有动画 ，去的路程中点击停止会直接到达终点，若是返回过程中再点击，会停止到在起点

.stop() 停止当前动画,沿路返回起点，若是返回过程中再点击，会暂停在路中

.stop(true) 停止所有动画 去的路程中点击停止会直接到达终点，若是返回过程中再点击，会暂停在路中

第一个参数的意思是是否清空动画序列，也就是stop的是当前元素的动画效果还是停止后面附带的所有动画效果，一般为false，跳过当前动画效果，执行下一个动画效果；
第二个参数是是否将当前动画效果执行到最后，意思就是停止当前动画的时候动画效果刚刚执行了一般，这个时候想要的是动画执行之后的效果，那么这个参数就为true。否则动画效果就会停在stop执行的时候。

$(function () {
                $("span").animate({
                    left: "+=100px"
                }, 3000);
                $("span").animate({
                        height: '+=60px',
                        width: '+=60px'
                    }, 3000, function () {
                        $("#tip").html("执行完成!");
                    });  
                $("#btnStop").bind("click", function () {
                   $("span").stop(true,true);
                    $("#tip").html("执行停止!");
                });
            });

代码写成这样效果就出来了