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 2012-02-07 02:09:31