Jquery easyUI 自定制图标
2014-07-24 11:44
204 查看
Jquery easyUI的图标文件存放在themes目录下的icons文件夹中,此外,还提供了一个icon.css文件,如果需要添加、删除、修改小图标,可以从icons文件夹和icon.css文件入手。
第一,往icons文件夹中加入自己的小图标文件;
第二,修改icon.css文件,加入自己的小图标名称;
看看easyUI是怎样定义自己的小图标的
添加小图标
easyUI是提供了不少内置小图标,但是你在开发的时候会发觉这是根本不够用的,你需要加入一个新的小图标,那么只需要完成以下两步:第一,往icons文件夹中加入自己的小图标文件;
第二,修改icon.css文件,加入自己的小图标名称;
看看easyUI是怎样定义自己的小图标的
.icon-cancel{ background:url('icons/cancel.png') no-repeat center center; }这个类名很重要,这是你在iconCls属性中引入图标的名称,建议严格采用easyUI的命名方式icon-xxx,这是使用的是相对路径,如果路径不对,会读取不到图片。
修改小图标、删除小图标
知道怎样添加小图标后,修改小图标一般也就是修改这个css类对应的背景图url而已,删除就是把这个css规则给删除,这里就不多说了。相关文章推荐
- Total 的mapbasic教学---定制工具按钮图标
- 图标字体IcoMoon免费的可定制
- mac上定制应用或替身的图标
- 实现jquery EasyUI tabs选项卡关闭图标后加载自定义事件
- android 如何定制Launcher主菜单中应用程序图标在主菜单中的显示顺序
- 【iOS学习笔记】界面开发UItextField定制全局组件_自定文字左边距、图标
- PL/SQL Developer将大小写转换图标定制到工具栏
- android 如何定制Google launcher的主菜单图标
- HBuilder开发App教程03-定制图标,启动页以及打包
- 在jQuery Easyui中添加小图标
- jtree根据不同类型节点定制图标
- 定制你文件夹的新图标
- PL/SQL Developer将大小写转换图标定制到工具栏
- SystemUI Battery电池图标定制修改
- 定制个性化的 Android Checkbox 图标
- GMap.NET 显示GIF图标的定制
- iOS 9应用开发教程之定制应用程序图标以及真机测试
- PL/SQL Developer将大小写转换图标定制到工具栏
- IOS定制应用程序图标
- Win7:如何部署定制的Quicklaunch图标