Problema chato do jQuery que irrita, mais com uma solução bem simples com uso de encadeamento...
<!-- primeira coisa a fazer é baixar a biblioteca -->
<script type="text/javascript" src="jquery-1.4.3.min.js"></script>
<script type="text/javascript">function animaBox(_valor){//--> no seletor eu escolhi a tag body pra trocar de cor |--------------------------------------------//--> no comando animate a propriedade é igual feita no css |-----------------------------------------//--> o comando stop() encadeado evita que a animação seja feita varias vezes (remova ele e teste) |--$("#divQuadrada").stop().animate({"margin-left": _valor+"px"},800);}</script>