Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/467.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jquery在减少余量时会定期向左移动_Javascript_Jquery Animate_Jquery - Fatal编程技术网

Javascript jquery在减少余量时会定期向左移动

Javascript jquery在减少余量时会定期向左移动,javascript,jquery-animate,jquery,Javascript,Jquery Animate,Jquery,我想创建一个动画。当我单击某个按钮时,div的边距将减小,并会定期移动 例如,我有一个 单击以向左移动div 100px 当我单击按钮时,边距将减小,而减小的边距将定期向左移动。这里有jquery的动画代码吗 要定期移动。请尝试以下代码: $(document).ready(function(){ $('button').click(function(){ $('div').animate({'margin-left': '100px'}, 500); }); }); 演示

我想创建一个动画。当我单击某个按钮时,div的边距将减小,并会定期移动

例如,我有一个


单击以向左移动div 100px

当我单击按钮时,边距将减小,而减小的边距将定期向左移动。这里有jquery的动画代码吗

要定期移动。

请尝试以下代码:

$(document).ready(function(){
  $('button').click(function(){
    $('div').animate({'margin-left': '100px'}, 500);
  });
});
演示:


如需更多信息,请访问

乐意帮助。如果答案有用,请接受:)