jquery动画行,带有从左到右循环的动画gif
我设法让它工作,但我希望循环是从左:0到100%。假设你有一个圆,你使效果从一个点开始,然后效果环绕着圆,直到它再次开始循环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
<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”: