javascript改变鼠标指针形状的方法-成都快上网建站

javascript改变鼠标指针形状的方法

这篇文章主要介绍javascript改变鼠标指针形状的方法,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联长期为成百上千客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为竹山企业提供专业的成都做网站、成都网站建设,竹山网站改版等技术服务。拥有十余年丰富建站经验和众多成功案例,为您定制开发。

javascript改变鼠标指针形状的方法:首先新建文件,创建div,id为a,并赋予宽高与背景色;然后添加script脚本,让鼠标移动到div上变为手形状。

javascript改变鼠标指针形状的方法:

1、在文件夹中创建一个test的html文件,一个作为指针的ico图片cur,图片的大小建议32x32,最大不可以超过128x128(也可以使用jpg等格式,ico是为了兼容有些ie)。

javascript改变鼠标指针形状的方法

2、在test创建一个div,id为a,并赋予宽高与背景色。

javascript改变鼠标指针形状的方法

3、在浏览器打开鼠标就是默认的样式。

javascript改变鼠标指针形状的方法

4、现在我们在div的后面添加script脚本,让鼠标移动到div上变为手形状。

a.onmouseover = function(){
this.style.cursor = 'pointer';
}

javascript改变鼠标指针形状的方法

5、再次浏览器打开我们发现,鼠标移动到这个灰色矩形上面就变手形了。

javascript改变鼠标指针形状的方法

以上是“javascript改变鼠标指针形状的方法”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


新闻标题:javascript改变鼠标指针形状的方法
文章位置:http://kswjz.com/article/ppdjpe.html
扫二维码与项目经理沟通

我们在微信上24小时期待你的声音

解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流