JavaScript滑块代码

Question

我正在制作div块的js-slider。我对双方都有箭。我想在鼠标结束时水平滚动我的滑块。在此之前我没有使用此代码一切：

jQuery('.control') 
    .bind('click', function(){ 
     jQuery('#slideInner').animate({ 
      'marginLeft' : SlideWidth * SlideNumber 
     }); 
    }); 

但是做什么，如果我想一切滑动，直到鼠标在.control？

Answer 1

你应该有一个setInterval(...)进行延迟循环，而元素徘徊

var interval = null; // I use global var for this example - globals are discouraged in general 
jQuery('.control') 
    .hover(function(){ 
     interval = setInterval(function() { // start looping when mouse enters 
      jQuery('#slideInner').animate({ 
       'marginLeft' : SlideWidth * SlideNumber 
      }); 
     }, 
     1000); // this is how many milliseconds you want to wait between animations 
    }, function(){ 
     clearInterval(interval); // stop looping when mouse is out 
    }); 

注：这是一个过于简单化，需要进一步的工作（如检查保证金不要去出界等），但它的目的是显示如何应用setInterval(...)您的问题。