文章详情

  • 游戏榜单
  • 软件榜单
关闭导航
热搜榜
热门下载
热门标签
php爱好者> php教程>javascript如何改变鼠标指针形状

javascript如何改变鼠标指针形状

时间:2021-04-28  来源:互联网

今天PHP爱好者给大家带来javascript改变鼠标指针形状的方法:首先新建文件,创建p,id为a,并赋予宽高与背景色;然后添加script脚本,让鼠标移动到p上变为手形状。希望对大家有所帮助。

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

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

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

41048b2194db4082a9cef2be5c4795e.png

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

6f490eee0d16f71a474d9e69f3b391a.png

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

7bb20c95b667482f62ffb9f62e25fbf.png

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

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

a02610df6bf5b2b80096d2745c71457.png

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

019c33e9156f74f37869055c4ad9176.png

以上就是javascript如何改变鼠标指针形状的详细内容,更多请关注php爱好者其它相关文章!

相关阅读更多 +
最近更新
排行榜 更多 +
元梦之星最新版手游

元梦之星最新版手游

棋牌卡牌 下载
我自为道安卓版

我自为道安卓版

角色扮演 下载
一剑斩仙

一剑斩仙

角色扮演 下载