有时为了在特定区域显示特定的鼠标指针,需要设置 cursor属性,通常显示的是系统自带的鼠标指针,如何修改成为显示自定义图标的指针呢?
cursor还有一个属性url,但这个属性的用法需要注意一下几点:
从一些网站下载鼠标光标图片(鼠标指针主题包),解压之后,将需要的指针图片文件夹放在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;