在执行动画前先用stop()停止元素的动画
停止元素的动画方法：stop()
语法结构：stop([clearQueue],[gotoEnd])
clearQueue 和 gotoEnd 都为可选参数，为布尔值。
clearQueue ： 是否要清空未执行玩的动画列表
gotoEnd ： 是否直接将正在执行的动画跳转到末状态

在这里就是$(".tip").stop(true, true);

可以先判断动画是否执行：  

if (!$('.tip').is(':animated')){

                          $('.tip').css({'left':l+'px'}).animate({'top':180,'opacity':1},300);

}