jquery动画行,带有从左到右循环的动画gif

jquery动画行,带有从左到右循环的动画gif,jquery,animation,Jquery,Animation,我设法让它工作,但我希望循环是从左:0到100%。假设你有一个圆,你使效果从一个点开始,然后效果环绕着圆,直到它再次开始循环 <script> $( window ).load(function() { (function loop(){ $("#mark").animate({ 'marginLeft': '+=100%' }, 5000); $("#mark").animate({ 'marginLeft': '-=100%' }, 5000, loop

我设法让它工作,但我希望循环是从左:0到100%。假设你有一个圆,你使效果从一个点开始,然后效果环绕着圆,直到它再次开始循环

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

你可以做一些类似的事情

 (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设置为标记的-width,使其看起来像是从侧面出现的


但问题是,为什么不使用position+left,而不是边距?

效果很好:。。。如果我想从0开始,从0到100填充一行,怎么办?不知道你说的从0开始,从0到100填充一行是什么意思。你指的是进度条还是加载动画?如果是这样的话,这是我谷歌搜索的顶部对不起,我打错了,有点像是一个进度表。。。只需更改“宽度”lol的“marginLeft”: