如何使对象移向鼠标指示?

时间:2012-04-10 03:56:55

标签: javascript jquery css jquery-ui

我正在尝试使用左指针单击区域时使对象在区域中移动。这可能在javascript / jquery中吗?如果可能的话,你能给我一些例子吗?

我的目标是在javascript / html / css

中执行此操作

http://i.stack.imgur.com/mL8DX.gif(1mb,请让它加载)

(我不是想把游戏变成一个很酷的'互动网站')

谢谢!

2 个答案:

答案 0 :(得分:2)

这里可以看到一个工作示例:http://jsfiddle.net/XY8CA/2/

每当点击事件发生时,都会获取pageXpageY值,使用这些值可以找到画布对象中点击的确切位置。然后在jQuery animate函数中使用此coords来更改其中对象div的位置。

答案 1 :(得分:1)

这是可能的,但您的答案可以是将对象移动到点击位置,方法是在CSS中将其位置设置为绝对并修改其左侧和顶部位置,直到它到达点击区域,并使用setInterval计时器来详细说明A *路径发现。

相关问题