jQueryのアニメーション

<head> 
    <style> 
     div { 
      position:absolute; 
      background-color:#abc; 
      left:100px; 
      width:90px; 
      height:90px; 
      margin:15px; 
      right:15px; 
     } 
    </style> 
    <script src="http://code.jquery.com/jquery-latest.js"></script> 
</head> 

<body> 
    <button id="left">&laquo;</button> 
    <button id="right">&raquo;</button> 
    <div class="block"></div> 
    <script> 
     $("#right").click(function() { 
      $(".block").animate({ 
       "left": "+=50px" 
      }, "slow"); 
     }); 

     $("#left").click(function() { 
      $(".block").animate({ 
       "left": "-=50px" 
      }, "slow"); 
     }); 
    </script> 
</body>

私が持っている問題は、（ "ブロック "）$の "左" の意味であるアニメーション（{" 左"： " - =は50px"}。、 "スロー"）;私はブロックが現在動いていない、またはアニメーション化している両方で、両方とも「正しい」に変更されました。それは "左"の時に働くだけです。

出典

2012-02-07 lilzz

おそらく余白にアニメーションを適用してみてください – Eric