欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

javascript如何改变鼠标指针形状

程序员文章站 2022-03-02 16:49:55
...

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

javascript如何改变鼠标指针形状

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

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如何改变鼠标指针形状的详细内容,更多请关注其它相关文章!

相关标签: javascript 鼠标