Движение объекта в координаты курсора

@Bucks · Регистрация: 14.07.2010

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

Есть вот такой скрипт

Javascript

var xpos;
var ypos;
 
function imouse(){
  ypos=event.y+document.body.scrollTop;
  xpos=event.x+document.body.scrollLeft;
  }
document.onmousemove=imouse;

Надо чтобы по нажатии курсора, див двигался в те координаты мыши, которые были при клике.
Пробовал с jQuery так:

Javascript

1	document.onclick=function() {$("#no").animate({top:"$ypos", left:"$xpos"}, 600);}

Vovan-VE · 28.08.2010, 17:48

HTML5

1	<div id="brick"></div>

CSS

1	#brick {position:fixed; width:32px; height:32px; background:#fdd;}

Javascript

var brick;
function imouse(){
    if (!brick) brick = document.getElementById('brick');
    brick.style.left = event.x + 'px';
    brick.style.top = event.y + 'px';
}
document.onmousemove=imouse;

@Bucks · 28.08.2010, 18:12 **[ТС]**

Добавлено через 2 минуты
Объясните пожалуйста, что значит это строка, а если точно то что делает +px

Javascript

1	brick.style.top = event.y + 'px';

Как узнаются координаты курсора?

Добавлено через 5 минут
а почему так не работает?

Javascript

function imouse(){
if document.onclick=function(){
    if (!brick) brick = document.getElementById('brick');
    
          brick.style.left = event.x + 'px';
      brick.style.top = event.y + 'px';
}
}
document.onmousemove=imouse;

Добавлено через 11 минут
Извините за кучу вопросов=)
вот эта строка

Javascript

1	if (!brick) brick = document.getElementById('brick');

, убрал ее, ничего не изменилось.
Тут див, просто (как бы сказать=), телепортируется с каждым движением курсора на 1px), а мне надо чтобы он двигался. Наверно надо поставить SetTimeout, но тогда все равно будет телепорт=)

	28.08.2010, 18:12