使用jQuery将光标更改为图像

时间:2015-10-30 15:24:43

标签: javascript jquery html css

我正在使用jQuery来跟踪我的光标在屏幕上的移动(两者都是X& Y), 我在带有id的div上创建一个100px到100px的边框,我正在进行边框更改位置,以便它可以跟随光标。我知道我可以将光标更改为CSS中的图像,但我相信存在大小限制。

基本上,对于最终产品,我希望光标在窗口中的某个点之后停止移动。 (例如,如果您查看下面的小提琴,并快速将光标移出“结果”窗口,您将看到边框不在窗口的边缘)所以我正在寻找一个这种方式可以使其更具响应性,并在滚出窗口时将窗口放在窗口边缘。

下面的小提琴应该可以帮助您了解我需要帮助的内容。

http://jsfiddle.net/tygbkvyr/1/

我正在使用的JS如图所示。

jQuery(document).on("mousemove", function(event) {
    jQuery('#theImage').css({left: event.pageX, top: event.pageY});
});

感谢您的所有帮助

1 个答案:

答案 0 :(得分:0)

你必须使用jQuery吗?看到这篇关于用CSS更改光标的帖子:Using external images for CSS custom cursors