javascript如何改变鼠标指针形状

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

javascript如何改变鼠标指针形状

本教程操作环境:windows7系统、javascript1.8.5版,DELL G3电脑。

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

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

41048b2194db4082a9cef2be5c4795e.png

立即学习“Java免费学习笔记(深入)”;

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

6f490eee0d16f71a474d9e69f3b391a.png

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

7bb20c95b667482f62ffb9f62e25fbf.png

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

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

登录后复制

a02610df6bf5b2b80096d2745c71457.png

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

019c33e9156f74f37869055c4ad9176.png

相关免费学习推荐:javascript(视频)

以上就是javascript如何改变鼠标指针形状的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2715621.html

(0)
上一篇 2025年3月7日 21:46:38
下一篇 2025年3月5日 14:40:29

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论