Нужно анимировать изображение, чтобы перемещаться от положения курсора при каждом наведении указателя мыши?

Я пытаюсь оживить изображение коробки, изменяя его положение при наведении курсора мыши.

Я могу заставить его двигаться один раз, но мне нужно настроить его так, чтобы он двигался каждый раз, когда кто-то наводит курсор на изображение. Я хочу, чтобы пользователи «гонялись» за рамкой вокруг экрана.

Желательно, чтобы анимация повторялась так, чтобы пользователь никогда не мог поймать изображение?

Вот пример того, что у меня есть , а ниже мой код jQuery:

$(document).ready(function() {
    $('#img').mouseover(function() {
        $(this).animate({
            left: '500px'
        });
    });
});

Спасибо за миллион!

6
задан Pierre 8 December 2011 в 21:40
поделиться