Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/amazon-s3/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
要为较大的光标使用自定义图像。解决办法是什么?可以用javascript实现吗?_Javascript_Cursor - Fatal编程技术网

要为较大的光标使用自定义图像。解决办法是什么?可以用javascript实现吗?

要为较大的光标使用自定义图像。解决办法是什么?可以用javascript实现吗?,javascript,cursor,Javascript,Cursor,光标图像来自json,但当我使用较大尺寸的图像时,它没有反映出来,但是它可以很好地处理较小的图像 请建议我解决这个问题的方法 谢谢……请参阅中的限制部分 Firefox允许您使用128×128px的图像。较大的图像将被忽略。 根据本文,您应该将自己的大小限制为32×32,以最大限度地兼容操作系统和平台 解决方法是隐藏光标并使用包含较大图像的尾随div 这将模拟较大光标的行为 下面给出了CSS、html和jquery的示例 CSS: HTML: 你想让光标变大的原因是什么?请建议我解决方法,因为我

光标图像来自json,但当我使用较大尺寸的图像时,它没有反映出来,但是它可以很好地处理较小的图像


请建议我解决这个问题的方法


谢谢……

请参阅中的限制部分 Firefox允许您使用128×128px的图像。较大的图像将被忽略。 根据本文,您应该将自己的大小限制为32×32,以最大限度地兼容操作系统和平台

解决方法是隐藏光标并使用包含较大图像的尾随div

这将模拟较大光标的行为

下面给出了CSS、html和jquery的示例

CSS:

HTML:


你想让光标变大的原因是什么?请建议我解决方法,因为我的活动需要光标图像作为扫帚,扫帚的大小相当大。什么是
float:left
适用于div绝对定位的情况?好的位置。对不起,错加了。我现在已经把它移走了。
$('#dustingBrush').unbind('click').bind('click' , function () {
    $(".section, window.parent.document").css({"cursor": "url("+localImagePath + data.brushPointer1+"),pointer"});
    $(this).css("display" , "none");
});
#replacePointer {
    position: absolute;
    cursor:none;
}
<div id="replacePointer"><img src="http://www.w3schools.com/images/w3logotest2.png" /></div>
$(document).bind('mousemove', function(e){
$('#replacePointer').css({
    left:  e.pageX -10,
    top:   e.pageY -10
});
});