您的位置:首页 > Web前端 > JQuery

Jquery easyUI 自定制图标

2014-07-24 11:44 204 查看
Jquery easyUI的图标文件存放在themes目录下的icons文件夹中,此外,还提供了一个icon.css文件,如果需要添加、删除、修改小图标,可以从icons文件夹和icon.css文件入手。

添加小图标

easyUI是提供了不少内置小图标,但是你在开发的时候会发觉这是根本不够用的,你需要加入一个新的小图标,那么只需要完成以下两步:
第一,往icons文件夹中加入自己的小图标文件;
第二,修改icon.css文件,加入自己的小图标名称;
看看easyUI是怎样定义自己的小图标的
.icon-cancel{
background:url('icons/cancel.png') no-repeat center center;
}
这个类名很重要,这是你在iconCls属性中引入图标的名称,建议严格采用easyUI的命名方式icon-xxx,这是使用的是相对路径,如果路径不对,会读取不到图片。

修改小图标、删除小图标

知道怎样添加小图标后,修改小图标一般也就是修改这个css类对应的背景图url而已,删除就是把这个css规则给删除,这里就不多说了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: