web页面上鼠标图标的改变
有时为了在特定区域显示特定的鼠标指针,需要设置 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;
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。