JS数字美化、用图片代替数字

     5130     5月-28,14    

在网站前端的工作中,我们一直在做这样一件事情,怎么更好的去还原UI的设计稿,怎么满足PM的交互需求。
为了页面的美观,很多时候UI设计师会考虑使用一些特殊字体来代替页面上的数字符号,来达到一种理想的效果。

然而此时,前端工程师却总想用一种字体来代替这些好看的数字,当然了,我们也知道用图片的美观性。
怎么让页面快速的实现UI设计的效果,又能实现页面内容添加时的快速高效?

字符转化为图片
在这里,我们用下面JS来实现想要的效果。

这里还需要添加样式表

icon-num-skin
最后页面布局代码以及调用方法

你明白了吗?

本文原创,转载请注明出处:cheris官方博客

  • 刘俊怡 发表于: 2016/04/12 16:19

    为什么没有数字啊 只有空白的i?求助
  • 无节操图片 发表于: 2015/10/01 15:42

    不错,值得收藏分享!
  • 歪妖内涵网 发表于: 2015/09/04 21:52

    很久没有过来了,今天过来看一看!
  • 最励志网 发表于: 2015/08/07 10:31

    不错,值得收藏分享!
  • swimly 发表于: 2015/07/01 10:24

    现在直接用字体就行了,就不用这么麻烦了吧!
  • 杨雨-IT博客 发表于: 2014/08/08 23:25

    就想问一下,博主的高亮代码用的啥
  • 你需要先 登录 才能发表评论.