1、你可以使用jq的stop方法：

$(div).stop(false, true).animate({'margin-top':'100px'},1000);

如果stop()的第一个参数为true，表示立即清除当前的动画队列，默认为fx；如果第二个参数为true，表示立即将当前正在执行的动画置为它的结束状态。  

停止元素的动画：stop([cleanQueue, gotoEnd]):第一个参数代表是否要清空未执行完的动画队列，第二个参数代表是否直接将正在执行的动画跳转到末状态。（可缺省）。

（1）无参数stop()：立即停止当前的动画，如果接下来还有动画则以当前状态开始接下来的动画。
（2）stop(false, true) : 当前的动画直接达到末状态。
（3）stop(true, true) : 当前的动画直接达到末状态并清空当前对象的动画队列。

注意：jquery只能设置正在执行的动画的最终状态，不能直接达到未执行动画的最终状态。

2、执行动画前判断一下：

if (!$(obj).is(':animated')) {
        // to do something
}

3、延迟

var $v_show = $(".opp-header-bg");
$(".opp-header-container").hover(function(){
   $v_show.slideDown(50);
},function(){
    setTimeout(function(){ $v_show.slideUp(50)} , 300 ); 
});