我正在使用 jQuery 来跟踪屏幕上光标的移动(X 和 Y), 我正在带有 id 的 div 上创建 100px x 100px 的边框,并且我正在更改边框位置,以便它可以跟随光标。我知道我可以在 CSS 中将光标更改为图像,但我相信这有尺寸限制。
基本上,对于最终产品,我希望光标在窗口中的某个点之后停止移动。 (例如,如果您查看下面的 fiddle ,然后快速将光标移出“结果”窗口,您将看到边框框不在窗口的边缘)所以我正在寻找一种方法来使其更有效响应式,并且当滚动到窗口外时,框位于窗口边缘。
下面的 fiddle 应该可以帮助您了解我需要帮助的内容。
http://jsfiddle.net/tygbkvyr/1/
我使用的JS如图所示。
jQuery(document).on("mousemove", function(event) {
jQuery('#theImage').css({left: event.pageX, top: event.pageY});
});
谢谢大家的帮助
最佳答案
必须使用 jQuery 吗?请参阅有关使用 CSS 更改光标的 SO 帖子:Using external images for CSS custom cursors
关于javascript - 使用 jQuery 将光标更改为图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33439448/