javascript - マージンを減らすと、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/を参照してください。