首页 > 代码库 > web页面上鼠标图标的改变

web页面上鼠标图标的改变

有时为了在特定区域显示特定的鼠标指针,需要设置 cursor属性,通常显示的是系统自带的鼠标指针,如何修改成为显示自定义图标的指针呢?

cursor还有一个属性url,但这个属性的用法需要注意一下几点:

  1. 从一些网站下载鼠标光标图片(鼠标指针主题包),解压之后,将需要的指针图片文件夹放在web目录下

如:下面假设webroot是网站根目录,网址为http://my.oschina.net/

/webroot/mycursor/

2.然后修改特定的html标签的css属性,假设静态文件资源是style.css

/webroot/static/style.css

修改html css

.testDiv{
  cursor:url(‘http://my.oschina.net/mycursor/pointer.cur‘);
}

需要注意的是,必须是 “网络绝对路径 http://my.oschina.net/”不能使用相对路径


Try doing it;

web页面上鼠标图标的改变