Html使用自定义光标的一点需要注意的小问题。

博客介绍了使用JavaScript结合CSS动态改变HTML页面某元素光标为自定义光标的方法。首次设置可成功,但再次设置可能无效,通过设置多个光标值解决该问题,还给出了测试示例及对应按钮代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

我需要动态改变Html页面某元素的光标为自定义光标,根据CSS用JavaScript进行如下设置:
something.style.cursor = "url('cursor.cur')";
第一次设置时可以正确改变光标,但是再一次设置光标无效,查看CSS手册,发现此值可以设置多个,第一个光标无效时自动尝试第二个...,加了一个光标后发现解决了上面的问题,正确设置方法为:
something.style.cursor = "url('cursor.cur'),hand";

测试:
第一次点击下面的两个按钮,按钮的光标会变成自定义的光标。
再一次点击“光标测试2”按钮,此按钮上的光标会变回默认光标,自定义光标无效!
“光标测试1”是正常的。

光标测试1   光标测试2

上面按钮的代码为:

 <BUTTON onclick="this.style.cursor = 'url(cursor.cur),hand';">光标测试1</BUTTON>
 <BUTTON onclick="this.style.cursor = 'url(cursor.cur)';">光标测试2</BUTTON> 

转载于:https://www.cnblogs.com/Pharaoh/archive/2005/10/21/259048.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值