当减少边际时，jquery会定期移动

Question

我想创建一个动画。当我点击某个按钮时，我的div的边距会减小，它会定期移动。

例如我有一个

<div style="margin-left:300px"></div> <button>Click to move div 100px to left</button>

当我点击按钮时，边距将减少，而减少它将周期性地向左移动。这里有jquery的动画代码吗？

定期移动。

Answer 1

试试这段代码：

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

演示：http://jsfiddle.net/amUw9/3/

在http://api.jquery.com/animate/

了解详情