Question

我设法让它工作，但我希望循环从左：0到100％。想象一下，你有一个圆圈，你让效果从一个点开始，然后效果围绕圆圈直到它再次开始（循环）。

<script>
$( window ).load(function() {
 (function loop(){
    $("#mark").animate({
    'marginLeft': '+=100%'
}, 5000);
$("#mark").animate({
    'marginLeft': '-=100%'
}, 5000, loop);
})();
});
</script>

Answer 1

您可以执行类似

的操作

 (function loop(){
     // Reset position to original 0%
     $("#mark").css('marginLeft', '0%');

     // animate it to 100%
     $("#mark").animate({
        'marginLeft': '100%'
     }, 5000, loop);
     // call itself again after it's done (5000 ms)
  })();

在你的窗口加载中，你甚至可能想将marginLeft设置为#mark的宽度，使它看起来像是从侧面出现。

问题，为什么不使用position + left而不是margin？

jquery动画线从左到右循环动画gif

1 个答案: