jquery easyui添加图标扩展

文章来源:http://www.tuicool.com/articles/IJreMr2


easyui中有很多通过iconCls="icon-reload"这样的属性引入小图标显示,当然我们也可以自己添加自己的小图标。

方式:1.我们可以在jquery easyui的文件夹中找到/jquery-easyui-1.4/themes/icon.css该css中就是引入easyui中已经有的图标,我们可以按照该文件中的样式,自己再从新写一个css文件,建议不要在原icon.css中添加修改,我建议自己再写一个别的css文件也引入到页面中。

2.准备好自己的图片,放到项目中,然后在自己写的css文件中,增加如下代码:

.icon-uoload{ background:url('icons/upload.png') no-repeat center center;
}

引用自己定义的icon用法是一样的,iconCls="icon- uoload ",名字要跟css文件中定义的名字一样。


你可能感兴趣的:(jquery easyui添加图标扩展)