javascript - 使用 jQuery 将光标更改为图像

标签 javascript jquery html css

我正在使用 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/

相关文章:

javascript - 如何将 Jest 添加到 Parcel.js 中构建的 React 应用程序

javascript - Jquery悬停,突出显示除最后一个单元格之外的表格行

javascript - 使用 AJAX 查找元素的文本

javascript - 隐藏和显示复选框选项 - 整理 Jquery

html - 我怎样才能在页脚中居中无序列表?

html - Google 的导航栏不适合整个宽度

javascript - 重置进度条值 jQuery

javascript - 有没有办法添加单个事件监听器来覆盖多个事件监听器?

javascript - 加载html导入时javascript的执行顺序

JavaScript 数组点击