延迟去处理动效,如果只是短时间的就不触发效果

  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();
  });
 
这段代码的目的在于让鼠标经过事件和延时分离的出来,延时以及延迟的清除都已经由此方法解决了。您所要做的,就是设定延时的时间大小,以及相应的鼠标经过或是移除事件即可。
posted @ 2017-08-24 15:05  AngelaBeibei  阅读(168)  评论(0)    收藏  举报