首页 > 代码库 > web页面上鼠标图标的改变
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;
web页面上鼠标图标的改变
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。