Javascript 眼睛跟随鼠标光标移动工具->JQuery

我正在寻找一些代码来帮助我在页面上关注光标，这里有一些例子，但这一个吸引了我的眼球：主要是因为它需要的代码太少了

它使用了我以前从未见过的mootools，有没有可能将其转换为使用jQuery，或者有人能确切地解释一下它是如何使用如此少的javascript工作的？mootools内置了哪些功能，使其变得如此简单

JsFiddle：

---

下面是如何使用JavaScript实现这一点

var element = document.getElementById("leela-eye");
document.addEventListener("mousemove", function (event) {
    var x = event.pageX;
    var y = event.pageY;   
    var offsets = eye.lens.getBoundingClientRect();
    var left = (offsets.left - x)
    var top = (offsets.top - y)
    var rad = Math.atan2(top, left);
    element.style.webkitTransform = "rotate(" + rad + "rad)";
});

如果浏览器不支持通过弧度进行旋转，则可以将其转换为度，并在特性值中将rad与deg交换

var deg = rad * (180 / Math.PI);

---

下面是如何使用JavaScript实现这一点

var element = document.getElementById("leela-eye");
document.addEventListener("mousemove", function (event) {
    var x = event.pageX;
    var y = event.pageY;   
    var offsets = eye.lens.getBoundingClientRect();
    var left = (offsets.left - x)
    var top = (offsets.top - y)
    var rad = Math.atan2(top, left);
    element.style.webkitTransform = "rotate(" + rad + "rad)";
});

如果浏览器不支持通过弧度进行旋转，则可以将其转换为度，并在特性值中将rad与deg交换

var deg = rad * (180 / Math.PI);

---

眼睛原型对象没有在Mootools中定义，它是在这里定义的：@AndrewMoore好吧，我现在觉得很愚蠢，我在JSFIDLE的任何地方都没有看到它链接？如果你想要jquery，也许可以看看这个：@gulty感谢链接眼睛原型对象没有在Mootools中定义，它是在这里定义的：@AndrewMoore好吧，我现在觉得很愚蠢，我在JSFIDLE的任何地方都没有看到它的链接？如果你想要jquery，可以查看以下内容：@gulty谢谢你的链接