Нужна задержка при выполнении функции mouseover

[SCHNITZER]

Есть блок с текстурой. При наведении на него включается анимация сдвига фона. Откопал такую историю:

<script type="text/javascript">
			$(function () {
			$('.infoImage')
			.css({ backgroundPosition: "0px 20px" })		
			.mouseover(function () {
			$(this).stop().animate({ backgroundPosition: "(0px -27px)" }, { duration: 600 })
			})			
			.mouseout(function () {
			$(this).stop().animate({ backgroundPosition: "(0px 20px)" }, { duration: 350, complete: function () {
			$(this).css({ backgroundPosition: "0px 20px" })
			}
			})
			})
			});
		  </script>

Мне необходимо, что бы при наведении мыши анимация включалась через 300мс. Как такое тут сделать? С settimeout ничего не получается.

[ZI DAN]

Так не используй jQuery и всё получится.

function MyFunction(obj)
{
   obj.style.backgroundPosition = "0px 20px";
}

<... onMouseOver="SetTimeout('MyFunction(' + this + ')', 300);">

Edited November 6, 2010 by ZI DAN

[SCHNITZER]

to ZI DAN:

Ничего не понял. А где смещение, где время, за которое это происходит. Чего, куда, как... Ответили, как будто я все уже давно сам знаю )) Мне бы поподробней.

[ZI DAN]

Нет, это я твой код не понял.) Не учёл, что речь идёт про плавную анимацию.

Edited November 6, 2010 by ZI DAN

[SCHNITZER]

Ни у кого нет идей? Очень надо...

Edited November 9, 2010 by SCHNITZER

[SelenIT]

Как раз в новом jQuery есть delay().

[SCHNITZER]

Делал по вот этой истории.

Никак delay(). не прикручивается...