var timer;

　　$(".box").hover(function(){

　　　　var self = $(this);

　　　　timer = setTimeout(function(){

　　　　$(self).find(".tips").show();

　　},300);

　　},function(){

　　　　var self = $(this);

　　　　clearTimeout(timer);

　　　　$(self).find(".tips").hide();

　　});

 

这段代码的目的在于让鼠标经过事件和延时分离的出来，延时以及延迟的清除都已经由此方法解决了。您所要做的，就是设定延时的时间大小，以及相应的鼠标经过或是移除事件即可。