easyui的默认图标有以下这些:

  1. .icon-blank{
  2. background:url('icons/blank.gif') no-repeat;
  3. }
  4. .icon-add{
  5. background:url('icons/edit_add.png') no-repeat;
  6. }
  7. .icon-edit{
  8. background:url('icons/pencil.png') no-repeat;
  9. }
  10. .icon-remove{
  11. background:url('icons/edit_remove.png') no-repeat;
  12. }
  13. .icon-save{
  14. background:url('icons/filesave.png') no-repeat;
  15. }
  16. .icon-cut{
  17. background:url('icons/cut.png') no-repeat;
  18. }
  19. .icon-ok{
  20. background:url('icons/ok.png') no-repeat;
  21. }
  22. .icon-no{
  23. background:url('icons/no.png') no-repeat;
  24. }
  25. .icon-cancel{
  26. background:url('icons/cancel.png') no-repeat;
  27. }
  28. .icon-reload{
  29. background:url('icons/reload.png') no-repeat;
  30. }
  31. .icon-search{
  32. background:url('icons/search.png') no-repeat;
  33. }
  34. .icon-print{
  35. background:url('icons/print.png') no-repeat;
  36. }
  37. .icon-help{
  38. background:url('icons/help.png') no-repeat;
  39. }
  40. .icon-undo{
  41. background:url('icons/undo.png') no-repeat;
  42. }
  43. .icon-redo{
  44. background:url('icons/redo.png') no-repeat;
  45. }
  46. .icon-back{
  47. background:url('icons/back.png') no-repeat;
  48. }
  49. .icon-sum{
  50. background:url('icons/sum.png') no-repeat;
  51. }
  52. .icon-tip{
  53. background:url('icons/tip.png') no-repeat;
  54. }
  55. .icon-mini-add{
  56. background:url('icons/mini_add.png') no-repeat 2px 2px;
  57. }
  58. .icon-mini-edit{
  59. background:url('icons/mini_edit.png') no-repeat 2px 2px;
  60. }
  61. .icon-mini-refresh{
  62. background:url('icons/mini_refresh.png') no-repeat 3px 2px;
  63. }

1.3.0版easyui默认图标有这些,下载easyUI的压缩包后,解压后在theme文件夹下的icons文件夹是默认的图标,如果你觉得不够用,可以上网下载16x16大小的图片,放在icons文件夹下,然后更改theme文件夹下的icon.css

添加以下css代码即可
.icon-你的名称{
background:url('icons/图片名称.png'no-repeat 3px 2px;
}

Jquery-easyui的默认图标的使用,以及如何添加自己想要的图标的更多相关文章

  1. jquery easyUi 配置默认页码

    jquery easyUI用pagenation 属性如果修改其默认加载页面显示,配置该怎样写? 注意区分datagrid的pagenation分页的区别,代码如下. if ($.fn.paginat ...

  2. jquery easyui datebox 时间控件默认显示当前日期的实现方法

    jquery easyui datebox 时间控件默认显示当前日期的实现方法 直接class easyui-datebox后添加一个value="true"就可以

  3. jquery easyui添加图标扩展

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

  4. 修改 jquery easyui 表单验证默认的样式

    目前对于不符合要求的输入域会在右侧显示一个带箭头的提示,可是如果我的输入框比较靠右的话就显示不全了(虽然会出滚动条,但是由于鼠标移开就消失了,所以还是看不到提示内容)! 能不能把这个提示的位置改变一下 ...

  5. [转]Spring3 MVC + jQuery easyUI 做的ajax版本用户管理

    原文地址:http://www.iteye.com/topic/1081739 上周写了篇基于spring3.0.5 mvc 简单用户管理实例 ( http://www.iteye.com/topic ...

  6. JQuery EasyUI中datagrid的使用

    在学习过程中,可以参照JQuery EasyUI的官方网站学习.地址:http://www.jeasyui.com/demo/main/index.php 在学习JQuery EasyUI中的Data ...

  7. Jquery easyui tree的使用

    这个ui用的一切都是json数据.树也是如此! 后台需要返回与格式匹配的json数据才能正确加载树. 页面定义一个ui: <ul id="messageInfoAddTree" ...

  8. 【推荐】使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享

    使用Jquery+EasyUI 进行框架项目开发案例讲解之一 员工管理源码分享   在开始讲解之前,我们先来看一下什么是Jquery EasyUI?jQuery EasyUI是一组基于jQuery的U ...

  9. jquery easyui中文培训文档

    目  录 1.... Accordion(可折叠标签)... 2 1.1          实例... 2 1.2          参数... 3 2.... DateBox(日期框)... 4 2 ...

随机推荐

  1. div的显示隐藏方法汇总

    JQuery DIV 动态隐藏和显示的方法 1. 如果在载入是隐藏: <head> <script language="javascript"> funct ...

  2. Leetcode 330.按要求补齐数组

    按要求补齐数组 给定一个已排序的正整数数组 nums,和一个正整数 n .从 [1, n] 区间内选取任意个数字补充到 nums 中,使得 [1, n] 区间内的任何数字都可以用 nums 中某几个数 ...

  3. 【转】SQL索引一步到位

    原文:http://www.cnblogs.com/AK2012/archive/2013/01/04/2844283.html SQL索引一步到位(此文章为“数据库性能优化二:数据库表优化”附属文章 ...

  4. hdu2083

    开始忘排序了. #include <stdio.h> #include <math.h> #include <algorithm> using namespace ...

  5. 九度oj 题目1447:最短路

    题目描述: 在每年的校赛里,所有进入决赛的同学都会获得一件很漂亮的t-shirt.但是每当我们的工作人员把上百件的衣服从商店运回到赛场的时候,却是非常累的!所以现在他们想要寻找最短的从商店到赛场的路线 ...

  6. 启动uwsgi报错error while loading shared libraries: libpcre.so.1:

    启动uwsgi时候报错: [root@ richie]# /usr/bin/uwsgi --ini /usr/local/nginx/conf/uwsgi.ini /usr/bin/uwsgi: er ...

  7. leetcode 94 中序遍历模板

    /**递归的写法 * Definition for a binary tree node. * struct TreeNode { * int val; * TreeNode *left; * Tre ...

  8. Spring JdbcTemplate操作小结

    Spring 提供了JdbcTemplate 来封装数据库jdbc操作细节: 包括: 数据库连接[打开/关闭] ,异常转义 ,SQL执行 ,查询结果的转换 使用模板方式封装 jdbc数据库操作-固定流 ...

  9. elasticsearch起步

    elasticsearch教程 elastic入门教程 阮一峰的elasticsearch教程 elasticsearch官网 kibana用户手册 elasticsearch安装步骤 参考:http ...

  10. Ansible进阶

    YAML YAML简介 YAML是一个可读性高,并用来表达资料序列的格式.YAML参考了其它多种语言,包括:XML.C语言.Python.Perl以及电子邮件格式RFC2822等 它是一种直观的能够被 ...