Перемещение картинки в указанную точку

sehalelaxi

Добрый день, помогите сделать срипт, который изменял положение картинки в зависимости от положения курсора пользователя. Так, при щелчке мышью в какой-то точке экрана, картинка должен передвинуться туда
<html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=windows-1251" />
    <script>
 
        window.onclick= displayCoords;
          function displayCoords(e) {
                alert("x: " + e.pageX + " y:  " + e.pageY);
              }
    </script>
    </head>
    <body>
 
    <img src="zay.gif" style="position:absolute;">
    </body>
</html>
3 ответа

sehalelaxi

<script>
window.onclick = function (e)
{
with (document.getElementById ('pic').style)
left = e.pageX + 'px', top = e.pageY + 'px';
}
</script>
<img id="pic" src="zay.gif" style="position: absolute">


sehalelaxi

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


sehalelaxi

посмотрите - я так делаю
var timerId;
window.onclick =  function ()
{
    timerId = setTimeout(function (e){
with (document.getElementById ('pic').style)
left = e.pageX + 'px', top = e.pageY + 'px';
}, 3000);
};