javascript - 如何在浏览器窗口中 move 鼠标？

Question

我想在我的网站浏览器窗口中 move 鼠标，如下所示:www.lmsify.com。 我怎样才能做到这一点？ (javascript、flash、activex)

问候， 丽莎M

Answer 1

他们并没有真正 move 鼠标光标(你不能使用基于浏览器的 JavaScript 来做到这一点；我不能代表 Flash 并且我远离 ActiveX)，他们正在 move 看起来像鼠标光标(在本例中为 http://www.lmsify.com/cursor.png )。

您可以使用定位(绝对、相对)和位置属性(left、top、right、在页面上 move 元素>底部)。例如，以下是如何使光标的绝对定位版本在每次单击时向左和向下跳转:

document.getElementById('theImage').onclick = function() {
  var left, top;

  left = parseInt(this.style.left, 10) + 10;
  top  = parseInt(this.style.top, 10) + 10;
  this.style.left = left + "px";
  this.style.top = top + "px";
};

Live copy

但显然这非常粗糙。各种库，如jQuery , Prototype + script.aculo.us , YUI , Closure ，或any of several others可以帮助您为元素添加动画。