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

08.04.2014, 17:16. **Показов** 2701. **Ответов** 3

Author24 — интернет-сервис помощи студентам

Добрый день, помогите сделать срипт, который изменял положение картинки в зависимости от положения курсора пользователя. Так, при щелчке мышью в какой-то точке экрана, картинка должен передвинуться туда

HTML5

<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>

@kalabuni · 08.04.2014, 17:38

HTML5

<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">

@blrik · 08.04.2014, 20:26

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

@blrik · 10.04.2014, 07:30

посмотрите - я так делаю

Javascript

var timerId;
window.onclick =  function ()
{
    timerId = setTimeout(function (e){
with (document.getElementById ('pic').style)
left = e.pageX + 'px', top = e.pageY + 'px';
}, 3000);
};

@blrik 1 / 1 / 1 Регистрация: 14.03.2014 Сообщений: 47
	08.04.2014, 20:26	3
	подскажите, как сделать задержку при перемещении в 3 секунды или более? и если нажать слева - одна картинка а если справа то другая? 0

	10.04.2014, 07:30