html5怎么调用cur指针,鼠标指针.cur.ani导出与制作

最近工作上有一个需求,就是模仿windows照片浏览器的拖动图片时的鼠标指针,即平时的手形状和按住鼠标的手抓形状。

一、最初我想截图后PS里抠出来,但马上发现截图不能截鼠标,百度后知道要装别的软件,不想装。

二、然后打算自己画,又发现ps不能导出.cur,百度后知道有插件,但只支持cs6,而我的是cc,不想装回cs6。

三、无奈,只能找鼠标制作软件,不装不行了。

1、找了一款ArtCursors的小软件,虽然只有30天试用期,不过足够了。

2、软件别的功能我都没看,直接就用导入png,导出cur,这次要做成24x24大小的,搞定。

3、完美主义的我觉得自己画的图标不够好,仍是想把windows照片浏览器的原装指针搞出来,发现ArtCursors竟然支持从dll等文件中提取。

4、百度后找到路径,从dll中轻松提取,复制粘贴,导出,搞定。

解决问题的思路很重要,一开始就走不对方向,绕了一个大圈,折腾了2个小时。最后附上实现代码:

#image{

cursor: url(../images/pic_cur1.cur),

move;

}

#image:active{

cursor: url(../images/pic_cur2.cur),

move;

}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值