.stop()的问题

var minHeight = Math.min.apply(null,everyHeight),
                    minIndex = getIndex(minHeight,everyHeight);
                    boxes.eq(i).css({
                        'position':'absolute',
                        'top':minHeight,
                        'left':boxes.eq(minIndex).position().left,
                        'opacity':'0'
                    }).stop().animate({
                        'opacity':'1'
                    },1000);

想问一下，这里为什么要加入一个stop呢。这个动作的先后能详细的解读一下吗？