你的位置: 首页 > HTML5网站开发 > 正文
鼠标指针.cur.ani导出与制作
作者:漫游   分类: HTML5网站开发    时间:2017-5-15 10:39   热度:6460°   字号:        评论:0 
作者:漫游   分类: HTML5网站开发    时间:2017-5-15 10:39   热度:6460°  评论:0 条 

最近工作上有一个需求,就是模仿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;
}


瞧瞧上一篇文章去!   瞧瞧下一篇文章去!
本文标签: CSS
二维码加载中...
本文作者:漫游      文章标题: 鼠标指针.cur.ani导出与制作
本文地址:http://www.roammemo.com/html5/197.html
版权声明:若无注明,本文皆为“漫游的备忘录”原创,转载请保留文章出处。
返回顶部    首页    手机版本   
版权所有:漫游的备忘录    站长: 漫游    模板基于:博闻广记 v1.2   程序:emlog