javascript如何改变鼠标指针形状


本文摘自PHP中文网,作者coldplay.xixi,侵删。

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

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

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

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

41048b2194db4082a9cef2be5c4795e.png

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

6f490eee0d16f71a474d9e69f3b391a.png

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

7bb20c95b667482f62ffb9f62e25fbf.png

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

1

2

3

a.onmouseover = function(){

this.style.cursor = 'pointer';

}

a02610df6bf5b2b80096d2745c71457.png

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

019c33e9156f74f37869055c4ad9176.png

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

以上就是javascript如何改变鼠标指针形状的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

json.stringify()是干嘛的

javascript实现电池状态的方法

javascript document对象的方法有哪些

对tap事件和tap点透原理的分析

javascript是什么脚本语言

javascript中var,let与const的区别是什么?

javascript变量提升的详细介绍(代码示例)

javascript添加事件的三种方式

javascript如何删除array数组元素

javascript获取当前日期

更多相关阅读请进入《javascript》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...