js改变鼠标指针外观,html改变鼠标指针形状
本教程运行环境:windows7系统,javascript1.8.5版本1.8.5,戴尔G3电脑。
JavaScript中改变鼠标指针样式的方法
在js中,我们可以通过style对象的cursor属性来设置鼠标指针的样式,例如
var body=document . query selector( body )
Body.style.cursor=move 上面的代码实现了页面打开后,鼠标的指针被替换成十字样式。其实有很多种风格,如下图所示。
通过cursor属性,我们还可以用自定义图片替换指针,如下所示
obox1.onmousemove=function(){
this.style.cursor=url(./favicon.ico),auto ;
}需要注意的是,url中的图片只支持中的图片。诅咒和。ico格式。这里推荐一个在线生成ico格式的网站。点击此处跳转。
url后自动可以自己设置。当被替换图片的路径错误或格式错误而没有找到时,鼠标指针会使用该样式。
【推荐学习:javascript高级教程】以上是JavaScript如何改变鼠标指针样式的细节。更多请关注我们的其他相关文章!
郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。