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;