jQuery滑块:暂停时悬停 - 如何?

时间:2015-07-16 16:24:32

标签: jquery hover slider

我正在使用以下jQuery slider(原始来源)。

这两个链接提供了更好的文档代码,而不是下面的粘贴代码。

问题
幻灯片暂停时悬停的代码和鼠标离开时再次恢复的代码是什么。

代码

function slideOut(element, looping) { 
          if(looping != null) { 
              $slide = element; 
          } else { 
              $slide = $(element).find(">:first-child");
          }
          $slide
              .delay(interval)
              .fadeOut(fadeTime, slideIn);
      } 

      function slideIn() { 
          var $nextSlide = $(this).next(); 
          if ($nextSlide.length == 0) { 
              $firstSlide = $(this).parent().find(">:first-child"); 
              $firstSlide.fadeIn(fadeTime); 
              slideOut($firstSlide, true); 
          } else {
              $nextSlide.fadeIn(fadeTime); 
              slideOut($nextSlide, true); 
          } 
      } 
  }  

1 个答案:

答案 0 :(得分:0)

当鼠标进入时,您应该清除间隔:

method func {
    ...
}

;1;

当鼠标离开时,您应该重新启动间隔:

$('//text here').mouseenter(function(){
   clearInterval(slideShowInterval);
});

详细了解JQuery mouse events