HTML中使用JS改变鼠标的样式

最近做了一个小案例,需要改变鼠标的样式,综合一些大牛的方法,得到一个有效的方式

这里的example为一个组件的ID,这里设置鼠标在这个组件上使用时设置样式,最后的那个pointer为鼠标的样式

document.getElementById("example").style.cursor = "url(resource/pic/icons/magnifier3.cur) 12 12,pointer";

若设置全局的鼠标样式,则需要把  getElementById("example")   替换为body就可以了

document.body.style.cursor = "url(resource/pic/icons/magnifier3.cur) 12 12,pointer";

 

下边是鼠标的样式

HTML中使用JS改变鼠标的样式_第1张图片

你可能感兴趣的:(HTML,JS,鼠标样式,HTML,JS,鼠标样式)