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