JavaScript中改变鼠标指针样式的方法
2022/8/26 14:26:27
本文主要是介绍JavaScript中改变鼠标指针样式的方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
JavaScript中改变鼠标指针样式的方法
在js中我们可以通过style对象的cursor属性来设置鼠标指针的样式,例
var body = document.querySelector("body") body.style.cursor= "move"
通过cursor属性我们还可以将指针替换为自定义图片,方法如下
obox1.onmousemove = function(){
this.style.cursor = 'url(../favicon.ico),auto';
}
需要注意的是url中的图片仅仅支持.cur和.ico格式的图片。这里推荐一个在线生成ico格式的网站 点击这里跳转。
url后的auto是可以自己设置的 当替换的图片路径有误或格式不对没有找到时,鼠标指针将会使用的样式。
这篇关于JavaScript中改变鼠标指针样式的方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?
- 2024-05-09企业src漏洞挖掘-有意思的命令执行