查看: 1609|回复: 3

[技术交流] jquery mobile自定义图标实现方法解析!!!

[复制链接]
发表于 2015-7-29 15:17:08 | 显示全部楼层 |阅读模式

环境

jquery1.9.1.js

jquery mobile 1.4.2版


图标制作

18x18px 底透明的png图标


使用图标,这个过程开始怎么弄都不行,只有个灰色的圆出现,不见图标;或者出现图标,但位置不对,经过看jquery demo,终于知道了如何使用

步骤如下

1 .当然是定义你的css图标类了

如下


  1. .ui-icon-myicon:after {
  2.             background-image: url("img/title.png");  /**你的图片,路径是相对于当前使用文件可以访问到的*/
  3.       
  4.             background-size: 18px 18px;
  5.             border-radius: 0; /*图标形态,0=方形,不设置就是默认的圆形*/
  6. }
复制代码
关键的地方是 after ,之前不成功就是少了这个

2. 使用这个图标类


  1. <a href="#"  class="ui-btn ui-shadow  ui-btn-icon-top ui-icon-myicon"  data-transition="slide">标题</a>
复制代码

是不是很简单!!!
回复

使用道具 举报

发表于 2016-8-19 14:58:26 | 显示全部楼层
好东西,我要好好学习。
回复 支持 反对

使用道具 举报

发表于 2016-10-25 03:11:54 | 显示全部楼层
goodgoodgood
回复 支持 反对

使用道具 举报

发表于 2016-10-25 03:26:56 | 显示全部楼层
goodgoodgood
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

关闭

网站推荐上一条 /1 下一条



邮箱:[email protected] QQ:791577401 木子牛HTML5工作室 版权所有

© MUZINIU Inc.小黑屋|手机版|Archiver|HANGNIU  

Powered by MuZiNiuX3.2( 豫ICP备12017936号 )

 豫公网安备 41078102000103号

快速回复 返回顶部 返回列表