jQuery的動畫

Question

頁

我用一個簡單的jQuery動畫顯示4點格的在屏幕上的百分比：

<script type="text/javascript"> 
$(document).ready(function() { 
$("#boxa").animate({left: "+=100"}, 1000); 
$("#boxb").animate({left: "+=300"}, 1000); 
$("#boxc").animate({left: "+=600"}, 1000); 
$("#boxd").animate({left: "+=900"}, 1000); 
}); 
</script> 

是可以設置的位置移動框，以便它們移動到它們的最終位置均勻分佈到頁面寬度，所以如果divbox寬度設置爲25％，那麼每個框的動畫會自動生成正確的位置？

感謝

Answer 1

剛進入左爲百分比偏移：

$(document).ready(function() { 
    $("#boxa").animate({ 
     left: "0" 
    }, 1000); 
    $("#boxb").animate({ 
     left: "25%" 
    }, 1000); 
    $("#boxc").animate({ 
     left: "50%" 
    }, 1000); 
    $("#boxd").animate({ 
     left: "75%" 
    }, 1000); 
});​ 

demo here