Сдвиг картинки-ссылки

[tsigel]

вообще Обычно присваивают элементу position relative/absolute и изменяют left и top

[pagemaster]

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

Вправо движется, а вниз нет... =( и это ведь по идеи должно получатся как то по диагонали движение?

[pagemaster]

если оставить только 'margin-top': '20px' то картинка не движется вниз...

[pagemaster]

ну помогите...
покажите кусок кода который бы двигал картинку вниз или по диагонали

[pagemaster]

и так же вопрос как указать элемент для перемещения, в случае указанном выше прописано $('div a') я так понимаю это указывается что в блоке div будет двигаться элемент в теге <a></a>, а как указать на пример чтобы использовался определенный блок по его id? На пример пишем <div id="1">картинка<div> и чтобы именно этот блок работал со скриптом

[tsigel]

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<div>
  <a href='#' style='width: 60px; height: 20px; position: absolute; top: 0; left: 0'>aaa</a>
</div>
<script>
  $(window).load(function(){
	 
	        $('div a').hover(
	            function () {
	                $(this).stop().animate({
					'left': '50px',
					'top': '20px'
					}, 300);
	            },
	            function () {
	                $(this).stop().animate({
					'left': '0px',
					'top': '0px'
					}, 300);
	            }
	        );
	 
	    });

</script>

Не знаю что тут может не работать.

[pagemaster]

спасибо за ответ)
моя ошибка была в том что картинке не была прописана "position"

а не подскажите еще как мне использовать данный скрипт для определенной картинки? просто сейчас используется ко всем тегам a в div
я хотел прописывать картинке свой id и указывать его в скрипте, как это сделать?

[pagemaster]

люди добрые и не очень =)
помогите пожалуйста, как изменить вот эту строчку $('div a').hover( так, чтобы указать div по его id

$('div id="1"').hover( как то так?

[animhotep]

$("#id1").hover

[pagemaster]

Вот так?

<script>
	  $(window).load(function(){
	      
	            $("#id1").hover(
	                function (this) {
	                    $(this).stop().animate({
	                    'left': '465px',
	                    'top': '422px'
	                    }, 800);
	                },
	                function () {
	                    $(this).stop().animate({
	                    'left': '465px',
	                    'top': '422px'
	                    }, 800);
	                }
	            );
	      
	        });
	 
	</script>
	
	  </div>


<div id="1"> <a href="#" id="image1" style="position:absolute; overflow:hidden; left:465px; top:922px; width:180px; height:255px; z-index:0"><img src="images/1.png" alt="" border=0 width=180 height=255></a></div>

Почему то не работает... что не так?