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(...)如何应用于您的问题。

JavaScript滑块代码

1 个答案: