[tsigel]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<div id='1'>
  <a href='#' style='width: 60px; height: 20px; position: absolute; top: 0; left: 0'>aaa</a>
</div>

<div>
  <a id='2' href='#' style='width: 60px; height: 20px; position: absolute; top: 0; left: 100px'>aaa</a>
</div>

<script>

  $(window).load(function(){
	 
	        $('#1 a').hover(
	            function () {
	                $(this).stop().animate({
					'left': '50px',
					'top': '20px'
					}, 300);
	            },
	            function () {
	                $(this).stop().animate({
					'left': '0px',
					'top': '0px'
					}, 300);
	            }
	        );	   

   $('#2').hover(
	            function () {
	                $(this).stop().animate({
					'left': '50px',
					'top': '20px'
					}, 300);
	            },
	            function () {
	                $(this).stop().animate({
					'left': '100px',
					'top': '0px'
					}, 300);
	            }
	        );
	 
	    });

</script>