如何暂停光标悬停滑块？

Question

我尝试用jQuery创建滑块。 这是onLoad事件代码。

function Slider(){ 
     var delay=5500; 
     var show=2000; 
     var hide=1000; 
     $('#1').show("fade",show); 
     $('#1').delay(delay).hide("fade",{direction:"left"},hide); 
     var n=$('.slider img').size(); 
     var count=2; 
     var t=setInterval(function(){ 
      $('#'+count).show("slide",{direction:"right"},show); 
      $('#'+count).delay(delay).hide("fade",{direction:"left"},hide); 
      if(count==n){ 
       count=1; 
      } 
      else{ 
       count=count+1; 
      } 
     },8000); 
    } 

它的工作，现在，我想暂停它onhover。请帮助我，请。

Answer 1

尝试一些测试。

Slider(false); 

$(".slider img").hover(
    function() { 
    Slider(true); 
    }, function() { 
    Slider(false); 
    } 
); 

function Slider(pause){ 
     if(pause){ 
      return false; 
     } 
     var delay=5500; 
     var show=2000; 
     var hide=1000; 
     $('#1').show("fade",show); 
     $('#1').delay(delay).hide("fade",{direction:"left"},hide); 
     var n=$('.slider img').size(); 
     var count=2; 
     var t=setInterval(function(){ 
      $('#'+count).show("slide",{direction:"right"},show); 
      $('#'+count).delay(delay).hide("fade",{direction:"left"},hide); 
      if(count==n){ 
       count=1; 
      } 
      else{ 
       count=count+1; 
      } 
     },8000); 
    }