如何沿鼠标方向将一个对象移动到另一个对象?

时间:2018-12-09 22:48:56

标签: javascript jquery

我想使用.animate()在鼠标的方向上移动div,但是将其移动到另一个对象。因此,我希望对象在移动到另一个div时通过调用.animate()时光标所在的区域。

我正在使用以下方法获取另一个div的坐标:

$(this).offset().top - $(".target").offset().top * -1;

然后,我打.animate()

var dist = $(this).offset().top - $(".targer").offset().top * -1;
var angle = getAngle();
var x = Math.cos(angle*Math.PI/180) * dist;
var y = Math.sin(angle*Math.PI/180) * dist;
$(this).animate({'left': '+='+x+'px', 'top': '+='+y+'px'}, 2500);

随着它的移动,我想将var dir设置为鼠标的方向。我该如何解决?我可以移动鼠标,然后移动到目标,但是松动会使它看起来不自然。

感谢您的帮助。

0 个答案:

没有答案