通过css设置鼠标指针为自定义图片,并设置对齐点

具体效果如上图所示,css中带了很多浏览器已经支持的鼠标样式,很多时候需要换成自己定义的图片。

查看了很多资料,总结下面的一个流程,最好使用32*32图片,ico格式,当前也有其他格式,最好设置支持跨平台的格式,不同浏览器支持的格式不统一,png等其他的格式是可以转为ico格式,过程自己百度。

下面就是css,代码了,

cursor: url("../lib/leaflet/images/mouse.ico") 16 16,auto;

url中是图片路径。16 16是类似于锚点的参数,就是图片的哪一个点代表鼠标所指的点,这个参数和图片像素有关。最后的auto,是在前面的图片不生效时,被浏览器的哪种鼠标样式替换。

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

GIS开发者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值