+ -
当前位置:首页 → 问答吧 → 如何解决hover、mouseover重复反复执行的问题

如何解决hover、mouseover重复反复执行的问题

时间:2009-09-25

来源:互联网

我使用mouseover,但是当鼠标快速并且反复移开又移上去,这个函数就回反复执行,如何做到只响应最后一次呢?

演示地址:http://www.ksfuke.com/上面两个图片切换效果!

$("#liusmallad img").each(function(index){
       $(this).mouseover(
             function(){
              $("#liusmallad img").css({opacity: 0.5});
              $(this).css({opacity: 1});
              $("#liubigad img:visible").fadeOut(300);
              $("#liubigad img:eq(" + index + ")").fadeIn(800);
      });
   });

作者: tuosu   发布时间: 2009-09-25

试试用用 return false 试试

作者: haibin666   发布时间: 2009-09-25

        var inAnime = false;

       $(this).mouseover(
             function(){

             if (inAnime) return;
             inAnime = true;

              $("#liusmallad img").css({opacity: 0.5});
              $(this).css({opacity: 1});
              $("#liubigad img:visible").fadeOut(300);
              $("#liubigad img:eq(" + index + ")").fadeIn(800);

             inAnime = false;
      });

作者: keakon   发布时间: 2009-09-25

。。。。服了楼主

建议:

        设立一个鼠标动作监侦数组,当鼠标连续移动时连续记录srcElement,当鼠标停止时触发事件,检测鼠标停止时的srcElement是不是需要执行事件的对象,如果是,triggle,并清空数组。。。。

good luck!

作者: zcrane   发布时间: 2009-09-25

相关阅读 更多