js如何改变鼠标指针形状

 时间:2024-10-23 05:50:35

js设置指针形状可以使用默认提供的一些指针样式,像手形状、移动的十字箭头,也可以直接使用自己制作的图片作为指针。

js如何改变鼠标指针形状

方法/步骤

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

js如何改变鼠标指针形状

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

js如何改变鼠标指针形状

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

js如何改变鼠标指针形状

4、现在我们在div的后面添加script脚本,让鼠标移动到div上变为手形状。a.onmouseover=function(){this.style.cursor='pointer';}

js如何改变鼠标指针形状

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

js如何改变鼠标指针形状

6、如果我们希望直接使用自己ico图片cu筠续师诈r作为鼠标形状,可以在script中添加url地址。a.onmouseover=functi泠贾高框on(){this.style.cursor='url(cur.ico),auto';}

js如何改变鼠标指针形状

7、再次打开页面我们发现鼠标变成图片了,这样我们就可以任意的更换自己喜欢的鼠标形状了。如果想在整稍僚敉视个网页打开后默认鼠标样式可以直接在body中“onload="document.芟鲠阻缒body.style.cursor='crosshair'",crosshair可以换成pointer、move或者url图片等鼠标样式。

js如何改变鼠标指针形状

vsco怎么取消自动续费 关于html内嵌video的一些参数设置 bootstrap可视化工具的使用 php怎么遍历数组元素 HTML5的网页制作基础
热门搜索
杀手电影 露水红颜 电影 小学生科技手抄报图片 喷气式飞机图片 董酒图片