最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
jquery mobile自定义图标的示例
时间:2015-04-03 编辑:简简单单 来源:一聚教程网
环境
jquery1.9.1.js
jquery mobile 1.4.2版
图标制作
18x18px 底透明的png图标
使用图标,这个过程开始怎么弄都不行,只有个灰色的圆出现,不见图标;或者出现图标,但位置不对,经过看jquery demo,终于知道了如何使用
步骤如下
1 .当然是定义你的css图标类了
如下
.ui-icon-myicon:after {
background-image: url("img/title.png"); /**你的图片,路径是相对于当前使用文件可以访问到的*/
background-size: 18px 18px;
border-radius: 0; /*图标形态,0=方形,不设置就是默认的圆形*/
}
关键的地方是 after ,之前不成功就是少了这个
2. 使用这个图标类
相关文章
- jQuery插件ContextMenu自定义图标 06-29
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31