アニメーション
要素の表示位置を２秒間かけて移動させる

$('div.#left').animate({left:'+=114px'},2000);
$('div.#raight').animate({top:'-=114px'},2000);

※CSSプロパティで以下の様に設定

div.square{
float=left;
width: 100px;
height: 100px;
margin:3px;
padding:3px;
border:1px solid #000;
}
div#left{background-color:#cf9;}
div#right{background-color:#fc9;}

<div id="left" class="square" style="float:left"></div>
<div id="right" class="square" style="float:left"></div>