Question

我有一个客户要求连续滑动横幅，基本上它是一个图像，从左到右超过5秒，我知道如何做到这一点，我只需要知道如何设置它所以它循环和它像连续动画一样播放

$(document).ready(function() {
        function slide() {
          $(".img1").stop(true).animate({'left' : '960px'}, 5000);
        }

        slide();
     });

由于

修改

好的尝试这个，仍然没有循环，一直在尝试setIntervals但没有工作，我知道我错过了一些简单的东西，但是什么

    function slide(){  
        $('.homepageslider').animate({   'left' : '0px'  }), 
            { duration: 5000,
                complete: function() {  $(".homepageslider").css('left','-2028px');
                     slide();    
            }
            }

};

Answer 1

 $('#book').animate({
   'left' : '960px'
  }, {
    duration: 5000,
    complete: function() {
     //reset image position
      $(".img1").css('left','0px');
     // activate animation again
       slide();

    }
  });

我更喜欢在当前图像之后附加图像的克隆，并在它看不见之后删除之前的图像，因此它看起来无缝，但您也可以尝试上面的代码。

连续滚动图像横幅Jquery

1 个答案: