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如何改变鼠标指针形状的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

javascript后缀名是啥

一份window.location的备忘单,助你更好理解决地址路径问题!!

javascript、node.js和npm之间有什么关系

javascript中变量是什么

javascript怎么改变背景

如何更新javascript中的cookie?(代码示例)

js怎么改变css属性值

js怎么判断某一个checked

javascript怎么将array转为字符串

javascript中标识符的含义是什么

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




打赏

取消

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

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

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

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

评论

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