字体-字体+

续:使用Font Awesome图标字体库让小图标动起来

2016-05-13 经验分享 访问量 1155

Font Awesome图标字体库为您提供了可缩放的矢量图标,您可以使用CSS所提供的所有特性对它们进行更改,包括:大小、颜色、阴影或者其它任何支持的效果。今天还是使用它的一个特性让一些小图标能够动起来,不停地旋转。

这个js是根据多说的embed.js改编而来,文章后会附上我自己改过之后的js文件duoshuo_embed_liuyan.js。

用sublime(其他工具也行)打开duoshuo_embed_liuyan.js文件,搜索fa ,注意后面有个空格,然后执行替换操作,替换成fa fa-spin animated ,注意后面依然有空格。前提是页面头部要加载

<link rel="stylesheet" href="
http://www.dawnfly.cn/Public/home/Font-Awesome-4.5.0/css/font-awesome.css">

这套图标字体库文件(全靠它了),然后在页面直接可以看到效果了。

Font Awesome图标字体库

http://www.dawnfly.cn/Public/home/duoshuo/js/duoshuo_embed_liuyan.js

完整的图标字体库请到:http://www.dawnfly.cn/article-1-225下载

标签:

原文来自:http://www.dawnfly.cn/article-1-227.html,转载请注明出处,谢谢【破晓博客复制链接地址