jquery鼠标触发事件延迟响应效果

 1     $("li.datu_dating_box").mouseenter(function(){
 2         $this=$(this);
 3         b=setTimeout(function(){
 4         $this.addClass("hover");
 5         $this.find(".datu_dating_intro").slideUp();
 6 //        $(this).addClass("max_index");
 7 //        $(this).find(".datu_enter_box").animate({top:"0px"});
 8         },300) ;
 9         });
10     $("li.datu_dating_box").mouseleave(function(){
11         clearTimeout(b);
12         $(this).removeClass("hover");
13         $(this).find(".datu_dating_intro").slideDown();
14 //        $(this).removeClass("max_index");
15 //        $(this).find(".datu_enter_box").animate({top:"189px"});
16         });

关键是：

b=setTimeout(function(){代码},300）；

clearTimeout(b);
代码

转载于:https://www.cnblogs.com/Aray/archive/2012/05/16/2504437.html