0

我有一个客户要求连续滑动横幅,基本上它是一个从左到右移动超过 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();    
            }
            }

};
4

1 回答 1

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

    }
  });

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

于 2012-04-23T08:58:29.557 回答